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内 容 简 介 


PHP 与 Ajax 是 目前 Web 应 用 程序 开发 领域 的 流行 技术 。 本 书 由 浅 入 深 、 系 统 地 介绍 了 PHP 的 相关 
知识 以 及 基于 jQuery 的 Ajax 技术 ,显著 降低 了 Ajax 的 入 门 难度 。 书 中 在 叙述 有 关 原 理 时 安排 了 大 量 的 
相关 实例 。 全 书 分 为 10 章 , 内 容 包 括 Web 应 用 程序 基础 知识 .PHP 语言 基础 .Web 交互 编程 . PHP 访问 
数据 库 、JavaScript 和 jQuery 客户 端 编程 、Ajax 技术 基本 原理 、Ajax 方式 访问 数据 库 等 。 附 录 中 安排 了 
PHP 的 相关 实验 。 

本 书 适合 作为 高 等 院 校 相关 专业 “Web 编程 技术 ”或 “动态 网 站 开发 "等 课程 的 教材 ,也 可 作为 Web 编 
程 的 培训 教材 ,还 可 供 网 站 设计 与 开发 人 员 参 考 使 用 。 
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随 着 我 国 改革 开放 的 进一步 深化 ,高 等 教育 也 得 到 了 快速 发 展 ,各 地 高 校 紧密 结合 
地 方 经 济 建 设 发 展 需要 ,科学 运用 市 场 调节 机 制 ,加 大 了 使 用 信息 科学 等 现代 科学 技术 
提升 改造 传统 学 科 专 业 的 投入 力度 ,通过 教育 改革 合理 调整 和 配置 了 教育 资源 ,优化 了 
传统 学 科 专 业 , 积 极为 地 方 经 济 建设 输送 人 才 ,为 我 国 经 济 社会 的 快速 、 健 康 和 可 持续 发 
展 以 及 高 等 教育 自身 的 改革 发 展 做 出 了 巨大 贡献 。 但 是 ,高 等 教育 质量 还 需要 进一步 提 
高 以 适应 经 济 社会 发 展 的 需要 ,不 少 高 校 的 专业 设置 和 结构 不 尽 合理 ,教师 队伍 整体 素 
质 吸 待 提高 ,人 才 培 养 模式 、 教 学 内 容 和 方法 需要 进一步 转变 ,学 生 的 实践 能 力 和 创新 精 
神 亚 待 加 强 。 

教育 部 一 直 十 分 重视 高 等 教育 质量 工作 。2007 年 1 月 ,教育 部 下 发 了 《关于 实施 高 等 
学 校本 科教 学 质量 与 教学 改革 工程 的 意见 ), 计 划 实 施 “ 高 等 学 校本 科教 学 质量 与 教学 改革 
工程 (简称 “质量 工程 ')”, 通 过 专业 结构 调整 .课程 教材 建设 、 实 践 教学 改革 、 教 学 团队 建设 
等 多 项 内 容 , 进 一 步 深 化 高 等 学 校 教学 改革 ,提高 人 才 培 养 的 能 力 和 水 平 ,更 好 地 满足 经 济 
社会 发 展 对 高 素质 人 才 的 需要 。 在 贯彻 和 落实 教育 部 “质量 工程 ”的 过 程 中 ,各 地 高 校 发 挥 
师资 力量 强 , 办 学 经 验 丰富 .教学 资源 充裕 等 优势 ,对 其 特色 专业 及 特色 课程 ( 群 ) 加 以 规划 、 
整理 和 总 结 ,更 新 教学 内 容 、 改 革 课 程 体系 ,建设 了 一 大 批 内 容 新 ,体系 新 、 方 法 新 、 手 段 新 的 
特色 课程 。 在 此 基础 上 ,经 教育 部 相关 教学 指导 委员 会 专家 的 指导 和 建议 ,清华 大 学 出 版 社 
在 多 个 领域 精 选 各 高 校 的 特色 课程 ,分 别 规划 出 版 系列 教材 ,以 配合 “质量 工程 ”的 实施 , 满 
足 各 高 校 教学 质量 和 教学 改革 的 需要 。 

本 系列 教材 立足 于 计算 机 公共 课程 领域 ,以 公共 基础 课 为 主 、 专 业 基础 课 为 辅 ,横向 满 
足 高 校 多 层次 教学 的 需要 。 在 规划 过 程 中 体现 了 如 下 一 些 基本 原则 和 特点 。 

(1) 面向 多 层次 .多 学 科 专业 ,强调 计算 机 在 各 专业 中 的 应 用 。 教 材 内 容 坚 持 基本 理论 
适度 ,反映 各 层次 对 基本 理论 和 原理 的 需求 ,同时 加 强 实践 和 应 用 环节 。 

(2) 反映 教学 需要 ,促进 教学 发 展 。 教 材 要 适应 多 样 化 的 教学 需要 ,正确 把 握 教学 内 容 
和 课程 体系 的 改革 方向 ,在 选择 教材 内 容 和 编写 体系 时 注意 体现 素质 教育 、 创 新 能 力 与 实践 
能 力 的 培养 ,为 学 生 的 知识 .能力 、 素 质 协调 发 展 创造 条 件 。 

(3) 实施 精品 战略 ,突出 重点 ,保证 质量 。 规 划 教 材 把 重点 放 在 公共 基础 课 和 专业 基础 
课 的 教材 建设 上 ; 特别 注意 选择 并 安排 一 部 分 原来 基础 比较 好 的 优秀 教材 或 讲义 修订 再 
版 ,逐步 形成 精品 教材 ; 提倡 并 鼓励 编写 体现 教学 质量 和 教学 改革 成 果 的 教材 。 

(4) 主张 一 纲 多 本 ,合理 配套 。 基 础 课 和 专业 基础 课 教 材 配 套 , 同 一 门 课程 可 以 有 针对 
不 同 层次 、 面 向 不 同 专业 的 多 本 具有 各 自 内 容 特 点 的 教材 。 处 理 好 教材 统一 性 与 多 样 化 , 基 
本 教材 与 辅助 教材 .教学 参考 书 , 文 字 教 材 与 软件 教材 的 关系 ,实现 教材 系列 资源 配套 。 
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(5) 依靠 专家 ,择优 选用 。 在 制定 教材 规划 时 依靠 各 课程 专家 在 调查 研究 本 课程 教材 
建设 现状 的 基础 上 提出 规划 选 题 。 在 落实 主编 人 选 时 ,要 引入 竞争 机 制 , 通 过 申报 、 评 审 确 
定 主题 。 书 稿 完 成 后 要 认真 实行 审 稿 程序 ,确保 出 书 质量 。 

繁荣 教材 出 版 事业 ,提高 教材 质量 的 关键 是 教师 。 建 立 一 支 高 水 平 教材 编写 梯队 才能 
保证 教材 的 编写 质量 和 建设 力度 ,希望 有 志 于 教材 建设 的 教师 能 够 加 入 到 我 们 的 编写 队伍 
中 来 。 


21 世纪 高 等 学 校 计算 机 应 用 技术 规划 教材 
联系 人 : 黄 芝 huangz@tup. tsinghua. edu. cn 


PHP 是 开发 Web 应 用 程序 最 理想 的 语言 之 一 。 相 比 其 他 Web 编程 语言 ,PHP 具有 简 
单 易学 、 功 能 强大 ,成 本 低廉 ,安全 性 较 高 和 运行 环境 易于 配置 等 优点 ,是 初学 者 学 习 Web 
应 用 程序 设计 的 理想 入 门 语言 , 且 能 够 用 来 制作 企业 级 的 Web 应 用 程序 及 动态 网 站 。 

近 几 年 来 ,PHP 在 国内 外 的 发 展 非常 迅速 ,许多 大 型 的 电子 商务 网 站 (例如 淘宝 网 等 ) 
都 采用 PHP 作为 网 站 开发 的 语言 ; 同时 ,通过 对 众多 互联 网 企业 的 调查 发 现 ,各 种 企业 对 
于 PHP 开发 人 才 的 需求 缺口 很 大 。 但 与 此 不 相称 的 是 ,PHP 在 我 国 高 校 教学 中 并 不 普遍 。 
我 国 高 校 中 很 多 专业 都 已 开设 了 Web 编程 方面 的 课程 ,但 是 该 门 课程 的 内 容 以 讲述 ASP、 
ASP.NET 或 JSP 语言 为 主 ,可 见 PHP 尚未 在 高 校 教学 中 获得 足够 的 重视 ,但 PHP 的 培训 
课程 却 在 大 量 培训 机 构 中 广泛 开设 。 

为 了 能 编写 一 本 适合 于 高 校 教学 的 PHP 教材 ,也 为 了 能 方便 读者 自学 ,本 书 在 写作 时 
注重 解决 以 下 一 些 问 题 。 

(1) 对 于 讲解 PHP 的 运行 环境 来 说 ,本 书 主要 介绍 安装 AppServ 集成 运行 环境 ,而 没 
有 单独 介绍 PHP 运行 环境 中 几 种 软件 的 安装 方法 ,因为 单独 安装 和 配置 各 种 软件 对 初学 
者 来 说 比较 难 ,也 没有 必要 去 学 习 。 

(2) 本 书 在 体系 结构 上 仿照 一 些 经 典 的 ASP 教材 进行 编写 ,如 果 读 者 具有 ASP 编程 
基础 ,就 能 够 很 快 通过 比较 PHP 和 ASP 的 异同 ,来 领会 PHP 编程 的 思路 。 如 果 读 者 不 具 
有 任何 Web 编程 经 验 , 本 书 也 能 循序 渐进 地 让 读者 掌握 PHP Web 开发 的 基本 原理 。 

(3) 对 PHP 访问 数据 库 进行 了 重点 讲解 。 分 别 介绍 了 mysql 函数 .mysqli 函数 和 
PDO 方法 访问 数据 库 ,并 在 介绍 完 每 种 方法 的 原理 后 ,都 安排 了 一 节 的 实例 内 容 。 

(4) 对 PHP 的 传统 内 容 去 粗 取 精 ,Web 应 用 程序 的 功能 主要 就 是 查询 .添加 删除 和 修 
改 记录 ,因此 本 书 对 这 些 功能 的 实现 进行 了 重点 叙述 ,在 普通 的 PHP 程序 、 生 成 静态 网 页 
的 PHP 程序 和 Ajax 程序 中 分 别 实现 了 查询 、 添 加 、 删 除 和 修改 等 基本 功能 模块 。 

(5) 在 传统 PHP 教材 的 基础 上 ,增加 了 新 的 流行 内 容 , 如 分 别 在 数据 库 端 和 Web 服务 
器 端 实现 分 页 程序 .用 PHP 生成 静态 HTML 文件 的 新 闻 系 统 ,PHP 生成 XML 或 RSS 文 
件 , 尤 其 是 对 基于 jQuery 的 Ajax 技术 进行 了 全 面 的 介绍 。 

(6) Ajax 技术 已 经 成 为 企业 开发 中 应 用 最 广泛 的 技术 之 一 ,不 管 采用 什么 样 的 开发 平 
台 , 只 要 开发 B/S 架构 的 应 用 ,那么 表现 层 就 一 定 会 使 用 Ajax 技术 。 但 对 于 初学 者 来 说 ， 
常常 会 对 原始 Ajax 程序 中 宛 长 的 代码 禾 汲 的 名 称 感到 且 惧 ,因而 失去 了 学 习 的 信心 。 

然而 Ajax 是 当今 Web 编程 中 非常 有 必要 学 习 的 一 种 技术 ,这 是 因为 : 

首先 ,Ajax 技术 非常 具有 实用 价值 。 目 前 ,无 论 是 大 型 门户 网 站 、 还 是 电子 商务 类 网 
站 ,都 充斥 着 大 量 Ajax 技术 应 用 的 典型 例子 。 另 外 ,基于 B/S 架构 的 管理 信息 系统 (如 
ERP) 中 ,也 需要 大 量 应 用 Ajax 技术 。 

其 次 ,通过 学 习 Ajax 可 以 使 读者 对 XML、RSS、Web Service、SOAP 这 些 技 术 的 用 途 有 
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更 深入 的 理解 ,是 读者 学 习 更 高 级 软件 开发 技术 的 一 条 便捷 通道 。 

再 次 ,学 习 Ajax 技术 的 难度 其 实 并 不 大 ,一 般 认 为 ,只 要 扎实 地 掌握 了 JavaScript 技术 
和 一 门 服务 器 端 编程 语言 (如 PHP) ,就 能 在 短 时 间 内 掌握 Ajax 技术 ,因为 Ajax 技术 涉及 
的 知识 内 容 并 不 多 ,而 且 jQuery 已 大 大 简化 了 Ajax 的 开发 。 

本 书 的 内 容 包 括 PHP Web 编程 和 Ajax 技术 的 各 个 方面 ,如 果 要 将 整 本 书 的 内 容 讲授 
完毕 ,大 约 需要 90 学 时 的 课时 。 如 果 只 有 50 学 时 左右 的 理论 课 课时 ,可 主要 讲授 本 书 前 6 
章 的 内 容 , 后 面 的 内 容 供 学 生 自 学 为 主 。 

本 书 为 使 用 本 书 作为 教材 的 教师 提供 教学 用 多 媒体 课件 、 实 例 源 文件 和 习题 参考 答案 ， 
可 登录 清华 大 学 出 版 社 网 站 免费 下 载 ,也 可 和 作者 联系 (tangsix@163. com) 。 

本 书 由 唐 四 薪 、 唐 琼 和 郑 光 勇 担任 主编 , 唐 四 薪 编 写 了 第 4 一 10 章 的 内 容 , 唐 琼 编写 了 
第 1 章 的 内 容 , 郑 光 勇 编写 了 第 3 章 。 谭 晓 兰 、 喻 缘 、 刘 燕 群 、 唐 沪 湘 . 刘 旭 阳 、 陆 彩 琴 、 唐 金 
娟 、 谢 海 波 、 尹 军 、 唐 琼 、 何 青 、 唐 佐 芝 \ 舒 清 健 、 高 正 东 、 唐 代 明 等 ,编写 了 第 2 章 的 部 分 内 容 。 
本 书 的 写作 得 到 衡阳 师范 学 院 教学 改革 研究 项 目 (JYKT201711) 的 资助 。 

由 于 本 人 水 平和 教学 经 验 有 限 , 书 中 不 妥 之 处 在 所 难免 ,欢迎 广大 读者 和 同行 批评 
指正 。 


编 者 
2019 年 3 月 
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表单 数据 的 传递 过 程 … 
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Web 应 用 程序 开发 概述 


随 着 互联 网 技术 的 应 用 和 普及 ,各 行 各 业 对 开发 Web 应 用 程序 的 需求 高 涨 。 简 单 地 
说 ,Web 应 用 程序 是 一 种 基于 B/S 结构 的 网 络 软 件 。 它 是 一 种 使 用 HTTP 协议 作为 通信 
协议 ,通过 网 络 让 浏览 器 与 服务 器 进行 通信 的 计算 机 程序 。 那 么 什么 是 B/S 结构 呢 ? 这 就 
要 从 网 络 软 件 的 应 用 模式 说 起 。 


(1.1 网 络 应 用 程序 结构 的 演变 


1.1.1 B/S 结构 和 C/S 结构 


早期 的 应 用 程序 都 是 运行 在 单机 上 的 , 称 为 桌面 应 用 程序 。 后 来 由 于 网 络 的 普及 ， 
出 现 了 运行 在 网 络 上 的 网 络 应 用 程序 (网 络 软件 ) ,网 络 应 用 程序 有 C/S 和 B/S 两 种 体系 
结构 。 


1. C/S 体系 结构 


C/S 是 Client/Server 的 缩写 , 即 客户 机 /服务 器 ,这 种 结构 的 软件 包括 客户 端 程序 和 服 
务 器 端 程序 两 部 分 。 就 像 我 们 常用 的 QQ 或 MSN 等 网 络 软件 ,需要 下 载 并 安装 专用 的 客 
户 端 软件 (图 1-1) ,并 且 服 务 器 端 也 需要 特定 的 软件 支持 才能 运行 。 
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图 1-1 C/S 结构 的 QQ 客户 端 界 面 
C/S 模式 最 大 的 缺点 是 不 易于 部 署 ,因为 每 台 客户 端 计算 机 都 要 安装 客户 端 软件 。 而 
且 , 如 果 客 户 端 软件 需要 升级 , 则 必须 为 每 台 客 户 端 单独 升级 。 另 外 ,客户 端 软 件 通常 对 客 
户 机 的 操作 系统 也 有 要 求 , 如 有 些 客户 端 软件 只 能 运行 在 Windows 平台 上 。 
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2. B/S 体系 结构 


B/S 是 Browser/Server 的 缩写 , 即 浏览 器 /服务 器 。B/S 结构 是 随 着 Internet 技术 的 
兴起 ,对 C/S 结构 的 一 种 变化 或 者 改进 的 结构 。 在 这 种 结构 下 ,客户 端 软件 由 浏览 器 来 
代替 (图 1-2) ,一 部 分 事务 逻辑 在 浏览 器 端 (Browser) 实 现 , 但 是 主要 事务 逻辑 在 服务 器 
端 (Server) 实 现 ,目前 流行 的 是 三 层 B/S 结构 ( 即 表现 层 . 事 务 逻 辑 层 和 数据 处 理 层 ) 。 


要 人 文 社会 科学 系 网 站 一 一 后 台 管 理 未 统 = IEEEESEEEGE 阿 器 J 
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图 1-2 B/S 结构 的 浏览 器 端 界 面 


B/S 结构 很 好 地 解决 了 C/S 结构 的 上 述 缺点 。 因 为 每 台 客户 端 计算 机 都 自 带 有 浏览 
器 ,就 不 需要 额外 安装 客户 端 软件 了 ,也 就 不 存在 客户 端 软件 升级 的 问题 了 。 另 外 ,由 于 任 
何 操作 系统 一 般 都 带 有 浏览 器 ,因此 B/S 结构 对 客户 端的 操作 系统 也 没有 要 求 了 。 

但 是 B/S 结构 与 C/S 结构 相 比 ,也 有 其 自身 的 缺点 ,首先 因为 B/S 结构 的 客户 端 软件 
界面 就 是 网 页 ,因此 操作 界面 不 可 能 做 得 很 复杂 ` 漂 亮 ,例如 很 难 实现 树 型 菜单 .选项 卡 式 面 
板 或 右键 快捷 菜单 等 (或 者 虽然 能 够 模拟 实现 ,但 是 响应 速度 比 C/S 中 的 客户 端 软件 要 慢 
很 多 )。 其 次 ,B/S 结构 下 的 每 次 操作 一 般 都 要 刷新 网 页 ,响应 速度 明显 不 如 C/S 结构 。 再 
次 ,在 网 页 操作 界面 下 ,操作 大 多 以 鼠标 方式 为 主 , 无 法 定义 快捷 键 , 也 就 无 法 满足 快速 操作 
的 需求 。 


1.1.2 ”Web 应 用 程序 


Web 应 用 程序 是 B/S 结构 软件 的 产物 。 它 首先 是 “应 用 程序 ”和 标准 的 程序 请 言 ,与 
Java C++ 编写 出 来 的 程序 没有 本 质 的 区 别 。 然 而 Web 应 用 程序 又 有 其 自身 独特 的 地 方 , 表 
现在 : 

(1) Web 应 用 程序 是 基于 Web 的 ,依赖 于 通用 的 Web 浏览 器 来 表现 它 的 执行 结果 ; 

(2) 需要 一 台 Web 服务 器 ,在 服务 器 上 对 数据 进行 处 理 , 并 将 处 理 结果 生成 网 页 ,以 方 
便 客户 端 直接 使 用 浏览 器 浏览 。 


1. Web 应 用 程序 与 网 站 


一 般 来 说 ,网 站 的 内 容 需 要 经 常 更 新 。 早 期 的 网 站 是 静态 的 ,更 新 静态 网 站 的 内 容 是 非 
常 繁琐 的 ,例如 要 增加 一 个 新 网 页 ,就 需要 手工 编辑 这 个 网 页 的 HTML 代码 ,然后 再 更 新 
相关 页 面 到 这 个 页 面 的 链接 ,最 后 把 所 有 更 新 过 的 页 面 重新 上 传 到 服务 器 上 。 
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为 了 提高 网 站 内 容 更 新 的 效率 ,可 以 通过 构建 Web 应 用 程序 来 管理 网 站 内 容 。Web 
应 用 程序 可 以 把 网 站 的 HTML 页 面部 分 和 数据 部 分 分 离 。 要 更 新 或 添加 新 网 页 ,只 要 在 

数据 库 中 更 新 或 添加 记录 就 可 以 了 ,程序 会 自动 读 取 数 据 库 中 的 记录 ,生成 新 的 页 面 代 码 发 
送 给 浏览 器 ,从 而 实现 了 网 站 内 容 的 动态 更 新 。 

可 见 , Web 应 用 程序 能 够 动态 生成 网 页 代码 , Web 应 用 程序 可 以 通过 各 种 服务 器 端 脚 
本 语言 来 编写 。 而 服务 器 端 脚本 代码 是 可 以 嵌入 到 网 页 的 HTML 代码 中 的 ， sake 
器 端 脚本 代码 的 网 页 就 称 为 动态 网 页 文件 。 因 此 ,如 果 一 个 网 站 中 含有 动态 网 页 文件 ,这 
网 站 就 相当 于 是 一 个 Web 应 用 程序 。 


2. Web 应 用 程序 的 组 成 


Web 应 用 程序 通常 由 HTML 文件 .服务 器 端 脚本 文件 和 一 些 资源 文件 组 成 。 
HTML 文件 可 以 提供 静态 的 网 页 内 容 。 脚 本 文件 可 以 提供 程序 ,实现 客户 端 与 服务 器 
之 间 的 交互 以 及 访问 数据 库 。 资 源 文件 可 以 是 图 片 文件 、 多 媒体 文件 和 配置 文件 等 。 


运行 Web 应 用 程序 的 要 素 


要 运行 Web 应 用 程序 ,需要 Web 服务 器 、 浏 览 器 和 HTTP 通信 协议 三 个 要 素 。 

1) Web 服务 器 

运行 Web 应 用 程序 需要 一 个 载体 , 即 Web 服务 器 。 一 个 Web 服务 器 可 以 放置 多 个 
Web 应 用 程序 。 

通常 Web 服务 器 有 两 层 含义 ,一 方面 它 代表 运行 Web 应 用 程序 的 计算 机 硬件 设备 ,一 
台 计 算 机 只 要 安装 了 操作 系统 和 Web 服务 器 软件 ,就 可 算 作 一 台 Web 服务 器 ; 另 一 方面 
Web 服务 器 专 指 一 种 软件 一 一 Web 服务 器 软件 ,该 软件 的 功能 是 响应 用 户 通过 浏览 器 提交 
的 HTTP 请 求 , 如 果 用 户 请 求 的 是 PHP 脚本 , 则 Web 服务 器 软件 将 解析 并 执行 PHP 脚 
本 ,生成 HTML 格式 的 文本 ,并 发 送 到 客户 端 ,显示 在 浏览 器 中 。 

2) 浏览 器 

浏览 器 是 用 于 解析 HTML 文件 (可 包括 CSS 代码 和 客户 端 JavaScript 脚本 ) 并 显示 的 
应 用 程序 , 它 可 以 从 Web 服务 器 接收 .解析 和 显示 信息 资源 (可 以 是 网 页 或 图 像 等 ) ,信息 资 
源 一 般 使 用 统一 资源 定位 符 CURL) 标 识 。 

浏览 器 只 能 解析 和 显示 HTML 文件 ,而 无 法 处 理 服务 器 端 脚本 文件 (如 PHP 文件 )， 
这 就 是 为 什么 可 以 直接 用 浏览 器 打开 HTML 网 页 文件 ,而 服务 器 端 脚 本 文件 只 有 被 放置 
在 Web 服务 器 上 才能 被 正常 浏览 的 原因 。 

3) HTTP 通信 协议 ( 超 文本 传输 协议 ) 

HTTP 是 浏览 器 与 Web 服务 器 之 间 通 信和 的 语 


言 。 浏 览 器 与 服务 器 之 间 的 会 话 ( 图 1-3), 总 是 由 浏 
览 器 向 服务 器 发 送 HTTP 请 求 信息 开始 (如 用 户 输 /Aa HP 请 奖 
入 网 址 ,请 求 某 个 网 页 文件 ), Web 服务 器 根据 请 求 i 


返回 相应 的 信息 ,这 称 为 HTTP 响应 ,响应 中 包含 。 浏览 器 Web 服 务 器 
请 求 的 完整 状态 信息 ,并 在 消息 体 中 包含 请 求 的 内 _ 
容 ( 如 用 户 请 求 的 网 页 文件 内 容 等 ) 。 sap 


QA PHP Web 程序 设计 与 Ajax 技术 (第 2 版 ) 


1.1.3 Web 的 有 关 概 念 
在 学 习 Web 编程 前 ,有 必要 明确 URL. 域 名 .HTTP 等 概念 。 
1 URL 


当 用 户 使 用 浏览 器 访问 网 站 时 ,通常 都 会 在 浏览 器 的 地 址 栏 中 输入 网 站 地 址 ,这 个 地 址 
就 是 URL(Uniform Resource Locator, 统 一 资源 定位 器 ) 。URL 信息 会 通过 HTTP 请 求 发 
送 给 服务 器 ,服务 器 根据 URL 信息 返回 对 应 的 网 页 文件 代码 给 浏览 器 。 

URL 是 Internet 上 任何 资源 的 标准 地 址 ,每 个 网 站 上 的 每 个 网 页 (或 其 他 文件 ) 在 
Internet 上 都 有 一 个 唯一 的 URL 地 址 ,通过 网 页 的 URL ,浏览 器 就 能 定位 到 目标 网 页 或 资 
源 文件 。 

URL 的 一 般 格式 为 :“ 协 议 名 : // 主 机 名 [: 端口 号 ]L/ 目 录 路 径 /文件 名 ][# 锚 点 
名 ]”, 图 1-4 是 一 个 URL 的 示例 。 


协议 名 主机 头 


http://(www.hynu.cn) /web/201009/first.html 


主机 名 ”域名 目录 路 径 文件 名 
图 1-4 URL 的 结构 


URL 协议 名 后 必须 接 “: //”, 其 他 各 项 之 间 用 “/” 隔 开 , 例 如 图 1-4 中 的 URL 表示 信 
息 存 放 在 一 台 被 称 为 www 的 服务 器 上 ,hynu. cn 是 一 个 已 被 注册 的 域名 ,cn 表示 中 国 , 主 
机 名 ,域名 合 称 为 主机 头 。web/201009/ 是 服务 器 网 站 目录 下 的 目录 路 径 ,而 first. html 是 
位 于 上 述 目录 下 的 文件 名 ,因此 该 URL 能 够 让 我 们 访问 到 这 个 文件 。 

在 URL 中 ,常见 的 “协议 ”有 http \ftp 及 https 等 。 


2. 域名 


在 URL 中 ,主机 名 通常 是 域名 或 IP 地 址 。 最 初 :域名 是 为 了 方便 人 们 记忆 IP 地 址 的 ， 
使 用 户 在 URL 中 可 以 输入 域名 而 不 必 输 入 难 记 的 IP 地 址 。 但 现在 多 个 域名 可 对 应 一 个 
IP 地 址 (一 人 台 主 机 ), 妈 在 一 台 主 机 上 可 架设 多 个 网 站 ,这 些 网 站 的 存放 方式 称 为 “虚拟 主 
机 ”方式 ,此 时 由 于 一 个 IP 地 址 (一 全 主机) 对 应 多 个 网 站 ,就 不 能 采用 输入 IP 地 址 的 方式 
访问 网 站 ,而 只 能 在 URL 中 输入 域名 。Web 服务 器 为 了 区 别 用户 请 求 的 是 这 台 主 机 上 的 
哪个 网 站 ,通常 必须 为 每 个 网 站 设置 “主机 头 ” 来 区 别 这 些 网 站 。 

因此 域名 的 作用 有 两 个 : 一 是 将 域名 发 送 给 DNS 服务 器 解析 得 到 域名 对 应 的 IP 地 址 
以 进行 连接 ; 二 是 将 域名 信息 发 送 给 Web 服务 器 ,通过 域名 与 Web 服务 器 上 设置 的 “主机 
头 ” 进 行 匹配 ,确认 客户 端 请 求 的 是 哪个 网 站 。 
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(2 网 页 的 类 型 和 工作 原理 


1.2.1 静态 网 页 和 动态 网 页 


在 Internet 发 展 初期 , Web 上 的 内 容 都 是 由 静态 网 页 组 成 的 , Web 开发 就 是 编写 一 些 
简单 的 HTML 页 面 ,页 面 上 包含 一 些 文本 、 图 片 等 信息 资源 ,用 户 可 以 通过 超 链接 浏览 
信息 。 采 用 静态 网 页 的 网 站 有 很 明显 的 局 限 性 ,如 不 能 与 用 户 进行 交互 ,不 能 实时 更 新 
网 页 上 的 内 容 。 因 此 像 用 户 留言 .发表 评论 等 功能 都 无 法 实现 ,只 能 做 一 些 简 单 的 展示 
型 网 站 。 

后 来 Web 开始 由 静态 网 页 向 动态 网 页 转变 ,这 是 Web 技术 经 历 的 一 次 重大 变革 。 
随 着 动态 网 页 的 出 现 , 用 户 能 与 网 页 进行 交互 ,表现 在 除了 能 浏览 网 页 内 容 外 ,还 能 改变 
网 页 内 容 ( 如 发 表 评 论 )。 此 时 用 户 既是 网 站 内 容 的 消费 者 (浏览 者 ), 又 是 网 站 内 容 的 制 
造 者 

1, 静态 网 页 和 动态 网 页 的 区 别 


根据 Web 服务 器 是 否 需要 对 网 页 中 脚本 代码 进行 解释 (或 编译 ) 执 行 ,网 页 可 分 为 静态 
网 页 和 动态 网 页 。 

(1) 静态 网 页 就 是 纯粹 的 HTML 页 面 , 网 页 的 内 容 是 固定 的 ,不 变 的 。 用 户 每 次 访问 
静态 网 页 时 ,其 显示 的 内 容 都 是 一 样 的 。 

(2) 动态 网 页 是 指 网 页 中 的 内 容 会 根据 用 户 请 求 的 不 同 而 发 生变 化 ,同一 个 网 页 由 于 
每 次 请 求 的 不 同 , 可 显示 不 同 的 内 容 。 动 态 网 页 中 可 以 变化 的 内 容 称 为 动态 内 容 , 它 是 
Web 应 用 程序 来 实现 的 。 


2. 静态 网 页 的 工作 流程 


用 户 在 浏览 静态 网 页 时 , Web 服务 器 找到 网 页 就 直接 把 网 页 文件 发 送 给 客户 端 ,服务 
器 不 会 对 网 页 作 任 何 处 理 , 如 图 1-5 所 示 。 和 静态 网 页 在 每 次 浏览 时 ,内 容 都 不 会 发 生变 化 ， 
网 页 一 经 编写 完成 ,其 显示 效果 就 确定 了 。 如 果 要 改变 静态 网 页 的 内 容 就 必须 修改 网 页 的 
源 代码 青 重新 上 传 到 服务 器 。 


<html> ”| Web 服 务 器 
二 不 作 任 何 处 理 


<html> 
浏览 器 对 HTML 进 行 解释 执行 


</html> 


HTML 代 码 目 HTML 代 码 5 合 
| i 


Web 服 务 器 浏览 器 
图 1-5 静态 网 页 的 工作 流程 


</html> 
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1.2.2 为 什么 需要 动态 网 页 


静态 网 页 在 很 多 时 候 是 无 法 满足 Web 应 用 需要 的 。 举 个 例子 来 说 ,假设 有 个 电子 商务 
网 站 需要 展示 1000 种 商品 ,其 中 每 个 页 面 显示 一 种 商品 。 如 果 用 静态 网 页 来 做 的 话 ,那么 
需要 制作 1000 个 静态 网 页 ,这 带 来 的 工作 量 是 非常 大 的 。 而 且 如 果 以 后 要 修改 这 些 网 页 的 
外 观 风格 ,就 需要 一 个 一 个 网 页 地 修改 ,工作 量 也 很 大 。 
而 如 果 使 用 动态 网 页 来 做 ,只 需要 制作 一 个 页 面 , 然 后 把 1000 种 商品 的 信息 存储 在 数 
据 库 中 ,页 面 根据 浏览 者 的 请 求 调 用 数据 库 中 的 数据 , 即 可 用 同一 个 网 页 显示 不 同 商品 的 信 
息 。 要 修改 网 页 外 观 时 也 只 需 修改 这 一 个 动态 网 页 的 外 观 即 可 ,工作 量 大 为 减少 。 
由 此 可 见 ,动态 网 页 是 页 面 中 内 容 会 根据 具体 情况 发 生变 化 的 网 页 ,同一 个 网 页 根据 每 
次 请 求 的 不 同 ,可 显示 不 同 的 内 容 。 例 如 一 个 新 闻 网 站 中 , 单 击 不 同 的 链接 可 能 都 是 链接 到 
同一 个 动态 网 页 ,只 是 每 次 该 网 页 能 显示 不 同 的 新 闻 。 

动态 网 页 技术 还 能 实现 诸如 留言 板 . 论 坛 .博客 等 各 种 交互 功能 ,可 见 动态 网 页 带 来 的 
好 处 是 显而易见 的 。 动 态 网 页 要 显示 不 同 的 内 容 , 往 往 需要 数据 库 做 支持 ,这 也 是 动态 网 页 
的 一 个 特点 。 从 网 页 的 源 代码 看 ,动态 网 页 中 含有 服务 器 端 代码 ,需要 先 由 Web 服务 器 对 
这 些 服务 器 端 代码 进行 解释 执行 ,生成 HTML 代码 后 再 发 送 给 客户 端 。 

可 以 从 文件 的 扩展 名 判断 一 个 网 页 是 动态 网 页 还 是 静态 网 页 。 静 态 网 页 的 文件 扩展 名 
是 htm html 等 ; 动态 网 页 的 扩展 名 是 php ,asp aspx\jsp、cgi 等 。 

提示 : 动态 网 页 绝 不 是 页 面 上 含有 动画 的 网 页 ,即使 在 静态 网 页 上 也 会 有 一 些 动 画 ( 如 
Flash 或 GIF 动画 ) 或 视频 ,但 我 们 每 次 访问 它 时 显示 的 内 容 是 一 样 的 ,因此 仍然 属于 静态 
网 页 。 


1.2.3 PHP 动态 网 页 的 工作 原理 


PHP, 即 PHP: Hypertext Preprocessor( 超 文本 预 处 理 器 ) 的 递归 缩写 ,是 一 种 服务 器 
端的 、 跨 平台 的 、 开 放 源 代码 的 多 用 途 脚本 诸 言 ,尤其 适用 于 Web 应 用 程序 开发 ,并 可 以 巾 
入 到 HTML 中 去 。 它 最 早 由 Rasmus Lerdorf 在 1995 年 发 明 , 而 现在 PHP 的 标准 是 由 
PHP Group 和 开放 源 代码 社区 维护 。PHP 语言 的 语法 混合 了 C、Java 和 Perl 语言 的 特点 ， 
语法 非常 灵活 。 

PHP 的 特点 在 于 跨 平台 , 它 提 供 的 函数 非常 丰富 ,支持 广泛 的 数据 库 , 执 行 速度 快 , 模 
板 化 ,能 实现 代码 和 页 面 分 离 。 

PHP 主要 用 来 编写 Web 应 用 程序 ,一 个 完整 Web 应 用 程序 的 代码 可 以 包含 在 服务 器 
端 运行 的 代码 和 在 浏览 器 中 运行 的 代码 (如 HTML)。 以 PHP 创建 的 Web 应 用 程序 为 例 ， 
它 的 执行 过 程 如 图 1-6 所 示 。 

可 以 看 出 ,PHP 程序 经 过 Web 服务 器 时 , Web 服务 器 会 对 它 进行 解释 执行 ,生成 纯 客 
户 端的 HTML 代码 再 发 送 给 浏览 器 。 因 此 ,保存 在 服务 器 网 站 目录 中 的 PHP 文件 和 浏览 
器 接收 到 的 PHP 文件 的 内 容 一 般 是 不 同 的 ,因此 无 法 通过 在 浏览 器 中 查看 源 代码 的 方式 
获取 PHP 程序 的 代码 。 

图 1-6 中 的 Web 服务 器 需要 安装 服务 器 软件 , 它 具 有 解释 执行 PHP 代码 的 功能 ,PHP 
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Web 服 务 器 对 
<html> ”|PHP 程 序 进行 | ”<html> 
<2 解释 执行 i 浏览 器 对 HTML 代 码 进行 解释 执行 
了 
</html> 
| 
PHP 程 序 HTML 代 码 合 


Web 服 务 器 浏览 器 
1-6 PHP 程序 的 执行 过 程 


的 Web 服务 器 软件 一 般 是 Apache。 因 此 ,要 运行 PHP 程序 ,必须 先 安 装 Apache, 这 样 才 
能 对 PHP 程序 进行 解释 执行 。 安 装 了 Apache 的 计算 机 就 成 了 一 台 Web 服务 器 。 

对 比 一 下 静态 网 页 , Web 服务 器 不 会 对 它 进 行 任何 处 理 , 直 接 找到 客户 端 请 求 的 
HTML 文件 ,发 送 给 浏览 器 ,其 运行 过 程 如 图 1-5 所 示 。 

因此 ,Web 服务 器 的 作用 是 : 对 于 静态 网 页 , Web 服务 器 仅仅 定位 到 网 站 对 应 的 网 站 
目录 ,找到 客户 端 请 求 的 网 页 就 发 送 给 浏览 器 ; 而 对 于 动态 网 页 ,Web 服务 器 找到 动态 网 页 
后 要 先 对 动态 网 页 中 的 服务 器 端 代码 (如 PHP) 进 行 解释 执行 ,生成 只 包含 静态 网 页 的 代码 
再 发 送 给 浏览 器 。 

提示 : PHP 文件 不 能 通过 双击 文件 直接 用 浏览 器 打开 ,因为 这 样 PHP 代码 没有 经 过 
Web 服务 器 的 处 理 。 运行 PHP 文件 的 具体 方法 将 在 1. 3.2 节 介绍 。 


(3 安装 PHP 的 运行 环境 


要 想 使 计算 机 能 运行 PHP 程序 ,一 般 需 要 在 该 机 上 安装 能 运行 PHP 的 Web 服务 器 软 
件 一 一 Apache。Apache 有 Windows、Linux 等 各 种 操作 系统 的 版 本 ,这 使 得 PHP 能 运行 
于 不 同 的 操作 系统 平台 

对 于 PHP 的 学 习 者 来 说 ,建议 采用 Windows 十 Apache 2.2 十 PHP 5.1 十 MySQL 5 作 
为 PHP 的 运行 环境 ,下 面 介绍 PHP 的 集成 环境 AppServ 的 安装 。 


1.3.1 AppServ 的 安装 
1. 为 什么 要 安装 AppServ 


Apache 其 实 只 是 一 种 通用 的 Web 服务 器 , 它 本 身 并 不 能 对 PHP 脚本 进行 解释 执行 。 
为 了 使 Apache 能 解释 执行 PHP, 还 必须 在 Apache 上 安装 PHP 的 解析 器 : PHP 5.1。 此 
外 ,由 于 开发 Web 应 用 程序 通常 都 需要 访问 数据 库 ,而 MySQL 是 一 种 很 适合 与 PHP 搭配 
使 用 的 数据 库 , 因 此 ,通常 还 需要 安装 MySQL 5。 由 于 MySQL 是 一 种 完全 通过 命令 行 方 
式 操作 的 数据 库 管理 软件 ,对 数据 库 的 任何 操作 都 只 能 在 命令 提示 符 下 输入 命令 来 完成 ,这 
很 不 友好 ,为 了 使 MySQL 能 像 Access 那样 支持 图 形 界面 化 操作 ,又 需要 安装 MySQL 的 
图 形 界面 操作 程序 一 一 phpMyAdmin。 
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| 因此 ,配置 PHP 的 运行 环境 一 般 需 要 安装 以 上 4 种 软件 。 如 果 分 别 安装 ,不 仅 安装 过 
程 很 麻烦 ,而 且 安 装 完 之 后 还 要 进行 大 量 的 设置 使 这 几 种 软件 能 工作 在 一 起 。 
为 此 ,泰国 的 PHP 爱好 者 制作 了 AppServ,AppServ 实际 上 是 这 4 种 软件 的 集成 安装 
包 , 包 含有 Apache、PHP、MySQL .phpMyAdmin。 只 要 安装 AppServ, 就 可 一 次 性 地 把 
PHP 的 运行 环境 全 都 安装 和 配置 好 ,这 大 大 简化 了 PHP 运行 环境 的 安装 和 配置 。 


2. AppServ 的 安装 过 程 


AppServ 是 一 个 免费 软件 ,可 以 在 百度 上 搜索 并 下 载 AppServ 2. 5. 9,AppServ 的 安装 
文件 只 有 一 个 :“appserv-win32-2. 5. 9. exe”, 双击 该 文件 ,就 会 弹出 安装 向 导 界 面 , 单 击 
Next 按钮 ,会 出 现 软件 许可 协议 界面 , 单 击 1 Agree 按钮 ,将 提示 选择 软件 的 安装 位 置 
(图 1-7) ,在 这 一 步 的 文本 框 中 可 直接 输入 安装 路 径 , 建议 安 装 在 非 系统 盘 , 如 “D:\ 
AppServ”, 并 且 安 装 路 径 中 不 能 含有 中 文字 符 ,否则 会 导致 错误 。 


1-7 选择 安装 位 置 


单 击 Next 按钮 ,选择 需要 安装 的 组 件 ( 图 1-8) ,因为 我 们 需要 安装 AppServ 包含 的 
4 种 软件 ,所 以 ,必须 把 4 项 全 部 勾 选 上 。 


p 
Select Components 


Select the components you want to install, clear the components 
You do not want to install, 


1-8 选择 安装 组 件 


在 下 一 步 中 ,需要 配置 Apache 服务 器 的 有 关 信 息 ( 图 1-9) ,包括 服务 器 名 、 管 理 员 邮 箱 
和 HTTP 端口 号 。 其 中 Server Name 可 设置 为 该 服务 器 的 域名 ,由 于 只 是 将 Apache 安装 
在 本 机 上 作为 测试 ,因此 可 以 任意 输入 一 个 名 称 。 如 果 是 将 这 人 台 机 器 作为 网 络 上 真正 的 
Web 服务 器 , 则 应 该 输入 一 个 真实 的 域名 ,以便 网 络 上 的 其 他 主机 都 能 通过 域名 访问 它 。 
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Apache HTTP Server Information 
Please enter your server's information. 


图 1-9 Apache 服务 器 信息 的 配置 


在 Administrator”’s Email Address 中 ,可 填 入 一 个 Email 地 址 ,那么 当 Apache 软件 运 
行 出 现 错误 时 会 把 错误 信息 发 送 到 这 个 邮箱 。 

在 Apache HTTP Port 中 ,可 以 设置 Apache 服务 器 HTTP 服务 端口 号 ,建议 使 用 
HTTP 服务 默认 的 80 端口 ,如 果 填 其 他 端口 (如 88) ,访问 时 就 必须 在 域名 后 加 上 端口 号 ， 
如 http://localhost:88。 

提示 : 如 果 本 机 上 还 安装 了 IIS 或 Tomcat 等 其 他 的 Web 服务 器 , 则 应 该 修改 这 些 服 
务 器 的 HTTP 端口 为 非 80 端口 ,否则 ,会 因为 端口 冲突 ,导致 Apache 服务 器 无 法 启动 。 

在 下 一 步 中 ,需要 配置 MySQL 数据 库 的 相关 信息 (图 1-10) ,包括 超级 用 户 root 的 密 
码 ,MySQL 数据 库 中 字符 的 编码 方式 等 ,本 书 中 设置 MySQL 的 root 用 户 密 码 为 "111”, 对 
于 字符 编码 方式 ,建议 选择 默认 的 UTF-8 Unicode, 因 为 UTF-8 编码 是 世界 范围 通用 的 编 
码 方式 , 它 可 以 保证 在 英文 正 浏 览 器 中 也 能 正常 显示 中 文 。 然 后 ,把 下 面 两 项 Old 
Password Support 和 Enable InnoDB 勾 选 上 ,否则 可 能 会 导致 MySQL 服务 器 无 法 启动 。 

最 后 单 击 Install 按钮 ,就 会 开始 安装 AppServ。 安 装 完成 后 ,默认 会 自动 启动 Apache 
服务 器 和 MySQL 数据 库 , 如 果 计 算 机 上 安装 有 360 安全 卫士 或 金山 卫士 等 杀毒 软件 ,可 能 
会 提示 这 些 程序 正在 加 入 系统 服务 ,这 时 应 该 选择 “允许 ”修改 。 


AppS er 9 Setup 


AN MySQL Server Configuration 
MuSQL Configure the MySQL Server instance, 


图 1-10 配置 MySQL 数据 库 服 务 器 
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提示 : MySQL 数据 库 服务 器 root 用 户 的 密码 必须 牢记 ,因为 以 后 使 用 PHP 连接 


MySQL 数据 库 必 须 使 用 该 密码 。 如 果 忘 记 , 则 只 能 重新 安装 AppServ。 
如 果 计 算 机 上 安装 有 SQL Server、I1S 等 软件 ,应 该 先 将 这 些 服务 停止 ,再 
AppServ。 


3. 测试 AppServ 是 否 安装 成 功 


在 IE 浏 览 器 中 输入 http://localhost/ ,如果 能 看 到 如 图 1-11 所 示 的 网 页 , 则 表明 


AppServ 安装 成 功 了 。 


局 AppServ Open Project 2.5.9— 
文件 四 编辑) 查看 WD 收 立 由 工具) 帮助 四 | 避 
Om-.O NAG Pw um OB ~ 
ED 图 nt 丰 司 | 加 到 | 名 二 
The AppServ Open Project - 2.5.9 for Windows 


Microsoft Internet Erplorer 


鹿 phpMyAdmin Database Manager Version 2.10.2 bbe put 
划 PHP Information Yersion 5.2.3 软件 的 链接 


上 tAppServVersion259forWin 
AppServisamerging open source sofwareinstaller package for Windows includes 


。 Apache Web Server Version 2.2.4 

。 PHP Script Language Version 5.2.3 

。 MySQL Database Version 5.0.45 

。 phpMyAdmin Database Manager Version 2.10.2 


图 1-11 AppServ 的 测试 页 


AppServ 安装 完成 后 ,在 AppServ 安装 目录 下 ,应 该 包含 4 个 子 目录 ,如 图 1 
其 中 Apache2. 2 是 Apache 服务 器 软件 的 安装 目录 ,MySQL 是 MySQL 数据 库 
录 ,php5 是 PHP 解释 器 的 目录 ,而 www 是 网 站 主 目录 ,双击 www 目录 ,将 进入 
所 示 的 目录 。 


文件 编辑) 查看 WW) 收 训 Q) 工具 CD) 帮助 0 


EMO AD. Ee 


ET SEH 
下 
文件 和 文件 夹 任务 人 | | 留 饭 甸 
园 创建 一 个 新 文件 夹 pache2.2 lyS9L php5 Ea winsta 
©@ 格 这 个 文件 夹 发 和 到 | 
访 共享 此 文件 夹 


网 站 主 目录 


1-12 AppServ 安装 目录 下 的 子 目 录 


其 中 ,index. php 文件 是 网 站 的 主页 ,我 们 输入 http://localhost/ 打 开 的 图 


AppServ 测试 页 就 是 该 文件 的 运行 结果 ,可 见 , 如 果 要 替换 Apache 默认 网 站 的 主 


-12 所 示 。 
软件 的 目 
如 图 1-13 


1-11 所 示 
页 ,只 要 


替换 该 文件 即 可 。 而 phpMyAdmin 目录 是 phpMyAdmin 软件 的 安装 目录 。 该 软件 是 B/S 
架构 的 软件 。 如 果 要 访问 phpMyAdmin, 只 要 在 图 1-11 中 单 击 链接 “phpMyAdmin 


文件 四 编辑 四 查看 WD 收 送 Q) 工具 中 才 助 中 
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到 了 


加 是- 图 - 作 | 万 炭 wx | 国 - 


加 E 

文 牢 和 文件 夹 任务 人 | | | 
DO 创建 一 个 新 文件 夹 rv cei-bin Wo index php phpinfo php 
©@ 将 让 个 文件 夹 发 到 及 


营 共享 此 文件 夹 


十) | oD: \AppServ wm 司 加 和 


这 
MySQL 数 据 库 管 理 软 件 


主页 


图 1-13 www 目录 下 的 子 目 录 


Database Manager Version 2. 10. 2”, 或 直接 输入 网 
址 http://localhost/phpMyAdmin, 就 会 弹出 如 
图 1-14 所 示 的 用 户 登 录 框 。 

在 其 中 输入 正确 的 用 户 名 和 密码 (这 里 用 户 名 
是 root、 密 码 是 111), 就 会 进入 如 图 1-15 所 示 的 
phpMyAdmin 界面 。 在 这 里 我 们 可 以 用 图 形 方式 创 
建 和 管理 数据 库 及 表 。 

提示 : 如 果 输 入 正确 的 用 户 名 和 密码 后 不 能 看 
到 如 图 1-15 所 示 的 phpMyAdmin 界面 ,并 提示 错 
误 , 可 能 是 MySQL 数据 库 连接 不 上 。 此 时 ,我 们 可 


连接 到 lecalhest 


phplykdnin 权 居 浜 ?1ocalhost 
用 P 名 四 [Er 品 


密码 全): T* 
厂 记 住 我 的 密码 @B) 


Cw ] ww | 


图 1-14 phpMyAdmin 的 用 户 登录 框 


以 在 Windows“ 运 行 " 对 话 框 中 输入 cmd, 在 命令 行 中 输入 mysql, 如 果 MySQL 连接 不 正常 


则 会 显示 错误 信息 。 


到 localhost / localhost | phplykdain 2.10.2 ~- Microsoft Internet Explorer 


文件 四 编辑 里 ) 查看 WW 收藏 WW) 工具 和 帮助 了 0 
她 十 0 | 乱 ] http://1ocalhost/phptiyAdnin/ 


localhost 


图 服务 器 版 本 : 5.0.45-community-nt-log 

， Protocol version: 10 

图 服务 器 : localhost via TCPNIP 

， 用户 ; root@localhost 

图 MySQL 字符 集 : UTF-8 Unicode (utf8) 

贺 MySQL 连接 校对 
utf8_unicode_ci 下 @ 

名 创建 一 个 新 的 数据 库 回 
ee 
让 | 

事 显 示 MySQL 的 运行 信息 

图 显示 MySQL 的 系统 变量 图 

仿 刘 程 图 


phpMyAdmin - 2.10.2 


”MySQL client version: 5.0.37 
， Used PHP extensions: mysql 
字 Language 国 
加 文 -cnnese smpified ”加 
3 主题 /风格 [ongna 一 司 
， Font size: [100% 辐 
加 phpMyAdmin 文档 
@phpMyAdmin wiki 
人 重 phpMyAdmin 官方 网 站 
， [ChangeLog] [Subversion] [Lists] 


图 1-15 phpMyAdmin 软件 的 操作 界面 
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1.3.2 运行 第 一 个 PHP 程序 
1. 新 建 第 一 个 PHP 程序 


PHP 文件 和 HTML 文件 一 样 , 也 是 一 种 纯 文 本 文件 ,因此 可 以 用 记事 本 来 编辑 ,只 要 
保存 成 后 级 名 为 php 的 文件 就 可 以 了 。 我 们 在 “记事 本 ”中 输入 如 图 1-16 中 所 示 代 码 (注意 
代码 区 分 大 小 写 ) 。 


区 无 标题 - 记事 本 ED 
文件 中 编辑 马 ) 格式 查看) 帮助 0 


本 


<h1><? echo "今天 是 " .date("Y 年 "月 4 日") ?></h1> 加 


图 1-16 在 记事 本 中 新 建 一 个 PHP 文 件 
输入 完成 后 ,在 记事 本 中 选择 “文件 ”>“ 保 存 ”, 就 会 弹出 如 图 1-17 所 示 的 “另存 为 ”对 
话 框 ,这 时 首先 应 在 “保存 类 型 "中 选择 “所 有 文件 ”, 再 在 文件 名 中 输入 “1-1. php”, 并 选择 保 
存在 “D:\AppServ\www” 目 录 下 , 单 击 “ 保 存 ” 按 钮 即 可 新 建 一 个 PHP 文件 (1-1. php)。 
REG Oy 


CE ppserr “D : \AppServ\www 


文件 扩展 名 为 .php 


图 1-17 “另存 为 "对话 框 


2. 运行 PHP 文件 


PHP 文件 要 通过 Web 服务 器 才能 运行 ,因此 刚才 将 1-1. php 保存 在 了 Apache 默认 网 
站 的 主 目录 “D:\AppServ\www” 下 。 要 运行 Apache 默认 网 站 主 目录 下 的 文件 ,可 以 在 浏 
览 器 地 址 栏 中 使 用 以 下 5 种 形式 的 URL 访问 该 文件 : 

© http://localhost/1-1. php; 

@ http://127. 0.0.1/1-1. php; 

@ http:// 你 的 计算 机 的 名 字 /1-1. php; 

@ http:// 你 的 计算 机 的 IP 地 址 /1-1. php; 

@ http:// 你 的 计算 机 的 域名 /1-1. php。 

说 明 : 

(1) http://localhost 相当 于 本 机 的 域名 。 我 们 知道 , 当 在 地 址 栏 中 输入 某 个 网 站 的 域 
名 后 ,Web 服务 器 就 会 自动 到 该 网 站 对 应 的 主 目录 中 去 找 相应 的 文件 。 也 就 是 说 ,域名 和 
网 站 主 目录 是 一 种 一 一 对 应 关系 ,因此 Web 服务 器 (这 里 是 Apache) 会 到 本 机 默认 网 站 的 
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主 目录 (D:\AppServ\www) 中 去 找 文 件 1-1. php。 

提示 : 可 以 通过 “http://localhost/ 文 件 名 ”直接 访问 Apache 网 站 根 目 录 下 的 文件 。 如 
果 根 目录 下 有 子 目 录 的 话 ,要 访问 子 目 录 下 的 文件 用 “http://localhost/ 子 目录 名 /文件 名 ” 
即 可 。 例 如 : 假设 要 访问 “D:\AppServ\www\temp” 下 的 “test. php” 文 件 , 则 在 地 址 栏 中 输 
入 “http://localhost/temp/test. php” 即 可 。 

(2) 关于 服务 器 地 址 : localhost 是 表示 本 机 的 域名 ,127. 0. 0. 1 是 表示 本 机 的 IP 地 址 ， 
这 两 种 方式 一 般 是 在 本 机 上 运行 PHP 文件 使 用 。 第 加 种 方式 可 以 在 本 机 或 局 域 网 内 使 
用 。 第 田 .@ 种 方式 一 般 是 供 Internet 上 其 他 用 户 访问 你 的 机 器 上 的 PHP 文件 使 用 ,也 就 
是 把 你 的 机 器 作为 网 络 上 一 台 真 正 的 Web 服务 器 。 

为 了 简便 ,本 书 都 采用 第 一 种 方式 访问 。 打 开 浏 览 器 ,在 地 址 栏 中 输入 http:// 
localhost/1-1. php, 按 Enter 键 , 就 会 出 现 如 图 1-18 所 示 的 运行 结果 ,网 页 显示 的 是 服务 器 
端的 当前 日 期 。 


Hhttp: //localhost/wre/1-1. php — Micreseee IE 


文件 四 编 癌 @) 查看 WW 收 训 ) I 具 中 竹 ” 导 


翅 古 加 | http://1ocalhost/1-! sho > 
今天 是 2013 年 03 月 17 日 3 
图 1-18 程序 1-1. php 的 运行 结果 


在 图 1-18 中 右 击 ,选择 * 查 看 源 文 件 "菜单 命令 ,就 ET 
会 出 现 如 图 1-19 所 示 的 源 文 件 ,与 图 1-16 中 的 PHP 源 ”区 此 四 站 纹 手 加 上 格式 ( 查看 WO 帮助 0 
程序 比较 ,可 发 现 PHP 代码 已 经 转化 成 纯 HTML 代 |en?> 今 天 是 ze13 年 es 月 17 日 </h1> = 
码 了 ,这 验证 了 Web 服务 器 确实 先 执行 了 PHP 源 程 
序 , 后 将 生成 的 HTML 代码 发 送 给 浏览 器 。 119 在 浏览 器 端 查看 源 文件 


加 


3, 运行 PHP 程序 的 步骤 总 结 


PHP 程序 需要 先 经 过 Web 服务 器 (Apache) 的 解释 执行 ,生成 的 静态 代码 才能 在 浏览 
器 中 运行 。 为 了 让 Apache 解释 执行 PHP 文件 ,需要 通过 如 图 1-20 所 示 的 以 下 两 步 。 

(1) 把 PHP 文件 放置 或 保存 到 Apache 的 根 目录 (或 子 目录 ) 下 .这样 Apache 才能 找 
到 这 个 PHP 文件。 

(2) 在 浏览 器 中 输入 “http://localhost/ 文 件 名 ”, 这 就 相当 于 向 Apache 服务 器 发 送 了 
一 个 HTTP 请 求 ,请求 Apache 执行 URL 地 址 中 的 文件 ,这 样 Apache 就 会 对 这 个 PHP 文 
件 进行 执行 。 


ee 
Om -© I Pm “ 


WE | Wrserv ieee BE 


国 

1-1.n 
全 
;er py 丰 Apache 网 站 目录 下 | 


ET ol 
文件 四 编 娩 EE) 查看 WW) 收 京 4 ”| 剧 
| 


今天 是 2013 年 03 月 17 日 


第 2 步 : 输入 “http://localhost/ 文 件 名 ” 
请 求 Apache 执 行 该 文件 


图 1-20 运行 PHP 程序 的 步骤 
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1.3.3 Apache 的 配置 


在 D:\AppServ\Apache2. 2\conf 目录 下 ,有 一 个 叫 httpd. conf 的 文件 , 它 是 Apache 
服务 器 的 配置 文件 ,对 Apache 服务 器 的 任何 设置 (如 设置 主 目录 ,修改 首页 ) 都 是 通过 修改 
该 文件 的 代码 来 实现 的 。 

提示 : Apache 没有 图 形 化 的 服务 器 设置 界面 ,只 能 通过 修改 httpd. conf 文件 来 配置 服 
务 器 。httpd. conf 是 一 个 纯 文本 文件 ,可 以 用 记事 本 或 Dreamweaver 等 软件 打开 。 也 可 以 
在 开始 菜单 中 ,选择 “程序 ”>AppServ 习 Configuration Server-~Apache Edit the httpd. conf 
Configuration File 打开 它 。 


1. 主 目录 的 设置 


Apache 的 网 站 主 目录 默认 是 D:\AppServ\www, 这 使 得 我 们 要 运行 PHP 文件 ,都 必 
须 将 它 保存 在 这 个 目录 下 ,有 些 不 方便 。 实 际 上 ,可 以 设置 Apache 的 主 目录 为 其 他 目录 ， 
方法 如 下 。 

要 修改 Apache 的 主 目录 ,必须 同时 修改 httpd. conf 文件 中 的 两 个 地 方 。 例 如 要 将 
Apache 的 主 目录 由 D:\AppServ\www 修改 为 E:\Web, 则 首先 在 E 盘 新 建文 件 夹 Web， 
然后 找到 httpd. conf 文件 的 第 240 行 。 将 : 


# 
DocumentRoot " D:/AppServ/waw " 


修改 为 : 
# 


DocumentRoot "E:/Web" 


注意 要 将 目录 中 的 反 斜 杠 改 为 斜 杜 。 并 且 目 录 中 不 能 含有 任何 中 文字 符 。 
再 找到 httpd. conf 文件 的 第 268 行 。 将 : 


<Directory "D:/AppServ/www"> 


修改 为 : 


<Directory "E:/Web"> 


保存 文件 ,重新 启动 Apache 服务 器 .就 会 将 主 目录 设置 成 E:\Web。 设 置 完 毕 后 ,可 以 
将 文件 1-1. php 从 D:\AppServ\www 目录 移动 到 E:\Web 目录 中 ,输入 http://localhost/ 
1-1. php 仍然 可 以 访问 该 文件 ,因为 http://localhost 对 应 E:\Web 目录 了 。 

提示 : 

(1) 对 httpd. conf 文件 进行 修改 后 ,都 必须 重新 启动 Apache 才能 使 设置 生效 。 重 启 的 
方法 是 : 在 开始 菜单 中 ,选择 “程序 ”AppServ 一 Control Server by Service 一 Apache 
Restart。 或 者 在 “运行 "中 输入 : httpd -k restart。 
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(2) httpd. conf 文件 中 有 很 多 行 以 “ 井 ? 开 头 ,“ 井 ?其 实 是 注释 符 , 表 示 这 些 行 都 是 注释 。 
(3) 整个 httpd. conf 文件 中 都 不 能 出 现 中 文 或 全 角 字 符 , 和 否则 Apache 服务 器 将 无 法 运行 。 


2. 默认 文档 的 设置 


所 谓 默认 文档 ,就 是 指 网 站 的 首页 (主页 ) , 它 的 作用 是 这 样 的 ,如 果 在 浏览 器 中 只 输入 
“http://localhost” 或 “http://localhost/ 子 目录 名 ”, 并 没有 输入 具体 某 个 网 页 文件 的 名 称 ， 
则 Apache 就 会 自动 按 默认 文档 的 顺序 在 相应 的 文件 夹 里 查找 ,找到 后 就 显示 。 在 httpd. 
conf 文件 的 第 303 行 中 ,有 对 默认 文档 的 设置 。 

# 

< IfModule dir module> 


DirectoryIndex index. php index. htm]l index. htm 
</IfModule> 


可 见 , 在 这 个 设置 下 ,如 果 不 输入 具体 的 网 页 文件 名 , 则 Apache 首先 会 在 目录 下 寻找 
index. php 文件 ,如 果 找 不 到 ,就 会 再 去 找 index. html 和 index. htm。 
默认 文档 建议 保持 index. php 即 可 ,因此 此 处 不 用 修改 。 


3. 虚拟 目录 的 建立 和 访问 


有 时 我 们 可 能 要 在 一 台 计 算 机 的 Apache 上 部 署 (deploy, 即 建立 和 运行 ) 多 个 网 站 ， 
例如 在 网 上 下 载 了 很 多 个 PHP 网 站 的 源 代 码 想 在 本 机 上 和 运行。 虽然 可 以 在 网 站 主 目录 
E:\Web 下 建立 多 个 文件 夹 ,每 个 文件 夹 下 分 别 放置 一 个 网 站 的 文件 。 但 这 样 就 要 把 每 
个 网 站 的 文件 都 移动 到 网 站 根 目录 下 的 对 应 目录 中 ,有 些 麻 烦 。 

而 且 更 重要 的 是 ,由 于 这 些 网 站 都 放置 在 网 站 根 目录 下 (相当 于 是 同一 个 网 站 ) ,如 果 多 
个 网 站 的 程序 中 都 有 修改 网 站 公共 变量 (如 同名 的 Session 变量 ) 的 代码 , 则 可 能 会 发 生 这 
个 网 站 修改 了 其 他 网 站 公共 变量 的 情况 ,导致 出 现 意 想 不 到 的 问题 。 

设置 虚拟 目录 就 是 为 了 解决 上 述 问题 的 ,如 果 要 部 署 多 个 网 站 ,可 以 将 一 个 网 站 的 目录 
设置 为 Apache 的 主 目录 ,将 其 他 每 个 网 站 的 目录 都 设置 为 虚拟 目录 。 这 样 ,这 些 网 站 就 都 
真正 独立 了 ,每 个 网 站 相当 于 一 个 独立 的 应 用 程序 (Application) ,它们 可 以 拥有 自己 的 一 套 
公共 变量 。 设 置 虚 拟 目 录 的 方法 如 下 : 

例如 要 新 建 一 个 虚拟 目录 eshop ,指向 E:\eshop 目录 , 则 首先 新 建 E:\eshop 目录 , 然 
后 找到 httpd. conf 文件 的 第 360 行 。 在 : 


<IfModule alias module> 


后 添加 一 段 : 


Alias "/eshop" "E:\ eshop" 
<Directory "E:\ eshop"> 

Options — Indexes FollowSymLinks 
AllowOverride None 

order allow, deny 

RAllow from all 

</Directory> 
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其 中 ,添加 的 第 一 行 表 示 建 立 了 一 个 虚拟 目录 eshop, 指 向 EE:\eshop 目录 。 而 后 面 一 
段 表 示 为 目录 E:\eshop 设置 访问 权限 。 因 为 在 Apache 中 ,新 建 的 虚拟 目录 默认 是 没有 任 
何 访问 权限 的 。 重 启 Apache 后 ,虚拟 目录 eshop 就 建立 好 了 。 

提示 : Apache 的 网 站 主 目 录 黑 认 是 允许 目录 浏览 的 , 即 如 果 该 目录 或 其 子 目 录 下 找 不 到 
首页 文件 ,而 访问 者 又 只 输入 了 域名 或 目录 名 , 则 浏览 器 会 显示 该 目录 下 的 所 有 文件 和 目录 列 
表 , 这 是 很 不 安全 的 ,在 httpd. conf 文件 的 第 281 行 : Options Indexes FollowSymLinks, 其 中 
Indexs 就 是 表示 目录 浏览 权限 ,要 去 掉 该 权限 ,可 在 它 前 面 加 个 减 号 “一 ”, 或 将 其 删除 ,如 改 成 
Options-Indexes FollowSymLinks 即 可 。 

要 运行 虚拟 目录 下 的 文件 ,可 以 使 用 *http://localhost/ 虚 拟 目 录 名 /路 径 名 /文件 名 ” 
的 方式 访问 。 例 如 ,在 E:\eshop( 对 应 虚拟 目录 eshop) 下 有 一 个 index. php 的 文件 ,要 运行 
该 文件 ,只 需 在 地 址 栏 中 输入 : http://localhost/eshop/index. php 或 http://localhost/ 
eshop。 而 要 运行 E;\eshop\admin 目录 下 的 index. php 文件 ,只 需 在 地 址 栏 输入 : http:// 
localhost/eshop/admin/index. php, 该 URL 的 含义 如 图 1-21 所 示 。 


http://localhost/eshop/admin/index.php 


本 机 域名 虚拟 目录 名 ”路径 和 文件 名 
1-21 访问 虚拟 目录 下 文件 的 URL 
此 可 见 , 访 问 虚拟 目录 下 文件 的 URL 分 为 三 部 分 ,依次 是 本 机 域名 、 虚 拟 目 录 名 和 


文件 相对 于 虚拟 目录 的 相对 路 径 和 文件 名 。 从 访问 的 URL 形式 上 来 看 ,虚拟 目录 就 好 像 
是 网 站 主 目录 下 的 一 个 子 目录 。 


4. 默认 端口 的 修改 


如 果 要 修改 Apache 服务 器 的 默认 HTTP 端口 ,例如 将 80 修改 为 88, 只 要 找到 httpd. 
conf 文件 的 第 67 行 ,将 Listen 80 修改 为 Listen 88 即 可 。 以 后 访问 网 站 主 目 录 就 必须 使 用 
“域名 : 端口 ”的 形式 (如 http://localhost:88) 了 。 


1.3.4 配置 DW 开发 PHP 程序 


Dreamweaver( 以 下 简称 DW) 对 开发 PHP 程序 有 很 好 的 支持 ,包括 代码 提示 、 自 动 持 
入 PHP 代码 等 ,使 用 DW 开发 PHP 程序 的 最 大 优势 在 于 ,使 开发 人 员 能 在 同一 个 软件 环 
境 中 制作 静态 网 页 和 动态 程序 。 

开发 PHP 程序 之 前 要 先 安装 和 配置 好 PHP 的 运行 环境 (Apache) ,然后 就 可 在 DW 中 
新 建 动态 站 点 ,在 DW 中 新 建 动态 站 点 的 作用 是 : 四 使 站 点 内 的 文件 能 够 以 相对 URL 的 方 
式 进行 链接 ; @ 在 预览 动态 网 页 时 ,能 够 使 用 设置 好 的 URL 运行 该 动态 网 页 。 具 体 过 程 
如 下 : 

在 DW 中 执行 菜单 命令 “站 点 ”>“ 新 建站 点 ”, 将 弹出 如 图 1-22 所 示 的 新 建站 点 对 话 
框 ,其 中 站 点 名 字 可 以 任 取 一 个 ,但 是 访问 该 网 站 的 URL 一 定 要 设置 正确 。 如 果 该 网 站 所 
在 的 目录 是 Apache 的 网 站 主 目录 , 则 应 该 用 http://localhost 方式 访问 ,如 果 该 网 站 所 在 
的 目录 是 Apache 的 虚拟 目录 , 则 应 该 用 “http://localhost/ 虚 拟 目 录 名 ”的 方式 访问 ,在 这 
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里 我 们 已 经 把 该 网 站 的 目录 (E:\Web) 设 置 成 了 Apache 的 主 目录 ,因此 在 “您 的 站 点 的 
HTTP 地 址 是 什么 ?” 下 输入 http://localhost。 


http://localhost/ 


图 1-22 新 建 动态 站 点 第 一 步 ( 访 问 网 站 的 URL) 


单 击 “ 下 一 步 ?按钮 ,将 出 现 如 图 1-23 所 示 的 对 话 框 ,在 “您 是 否 打算 使 用 服务 器 技术 ， 
如 ColdFusion、ASP. NET、ASP、JSP 或 PHP?” 中 选择 “是 ,我 想 使 用 服务 器 技术 。”, 在 “ 哪 
种 服务 器 技术 ?” 中 选择 PHP MySQL。 


篇 辑 文 件 , 第 2 部 分 


图 1-23 新 建 动 态 站 点 第 二 步 (选择 服务 器 技术 ) 


单 击 “ 下 一 步 ” 按 钮 ,在 图 1-24 所 示 的 对 话 框 中 先 选择 “在 本 地 进行 编辑 和 测试 "。“ 您 
将 把 文件 存储 在 计算 机 上 的 什么 位 置 ?” 就 是 问 你 的 网 站 的 主 目录 在 哪 ,因此 必须 选择 网 站 
的 主 目录 。 需 要 注意 的 是 ,该 网 站 的 主 目录 必须 和 Apache 的 主 目录 一 致 ,因为 DW 预览 文 
件 时 是 打开 浏览 器 并 在 文件 路 径 前 加 http://localhost/ ,这 样 实际 上 是 定位 到 了 Apache 的 
主 目录 ,而 不 是 这 里 设置 的 主 目录 。 如 果 不 一 致 ,预览 时 就 会 出 现 * 找 不 到 文件 ”的 错误 。 

单 击 “下 一 步 ?按钮 ,在 图 1-25 所 示 的 对 话 框 中 ,“ 您 应 该 使 用 什么 URL 来 浏览 站 点 的 
根 目录 ?”, 由 于 站 点 根 目 录 是 Apache 的 主 目录 ,因此 此 处 仍 选 择 http://localhost/ 来 浏览 
根 目录 。 

提示 : 如 果 在 上 一 步 是 选择 了 “在 本 地 进行 编辑 和 测试 ”, 则 这 里 输入 的 URL 应 该 和 
图 1-22 中 输入 的 URL 相同 。 
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[COEETEECZTN 和 SI > 导 
基本 | 高 级 | 


编 罗 文件 , 第 3 部 分 


# DocunentRoot: The directory@ 
# docunents. By default, all 

# synbolic links and aliases 

# 


ae 


在 开发 过 程 中 ， 您 打算 如 何 使 用 您 的 文件 ? 
J 式 服 和 


DocumentRoot 


须 
和 Apache 的 主 目录 一 致 
《上 - 步 四 |[ 下 =- 步 中 让 取消 | 有 w | 


图 1-24 新 建 动态 站 点 的 第 三 步 (设置 站 点 主 目录 ) 


res 
基本 | 高 级 | 
站 点 定义 局 辕 S 


Be 扣 开 《 如 同 浏览 器 ) 与 的 测 二 服务 器 进行 通信 因此 它 需要 知道 


您 应 该 使 用 什么 VRL 来 浏览 站 点 的 根 目录 ? 他 ) 


Pipiocabos 
示例 : http://ServerOne/RootFolder/ 
Wh LO 
《上 一步 四 | T- 步 加 >| 取消 | 帮助 | 


图 1-25 新 建 动态 站 点 第 四 步 


最 后 一 步 ,“ 编 辑 完 一 个 文件 后 ,是否 将 该 文件 复制 到 另 一 台 计算 机 中 ”, 选 择 “ 否 ” 即 可 ， 
这 样 就 完成 了 一 个 动态 站 点 的 建立 。 

定义 好 本 地 站 点 之 后 ,DW 窗口 右 侧 的 “文件 面板 (如 四 1-26 gp 二 
所 示 ) 就 会 显示 刚才 定义 的 站 点 的 目录 结构 ,可 以 在 此 面板 中 右 。 中 二 EE 到 | 
击 ,在 站 点 目录 内 新 建文 件 或 子 目录 ,这 与 在 资源 管理 器 中 在 网 [Ci | 局 
站 目录 下 新 建文 件 或 子 目 录 的 效果 一 样 。 


日 国 站 点 -FIP :WWeb) 


如 果 要 修改 定义 好 的 站 点 ,只 需 执行 菜单 命令 “站 点 "“ 管 | 2 日 和 sa 
理 站 点 ”, 选 中 要 修改 的 站 点 , 单 击 "编辑 ”按钮 ,就 可 在 站 点 定义 | 
对 话 框 中 对 原来 的 设置 进行 修改 。 EE 可 


提示 : 如 果 网 站 目录 被 设置 成 为 Apache 的 一 个 虚拟 目录 ,如 BUSI22421I 志 | 
E:\eshop, 则 在 新 建站 点 时 ,图 1-22 和 图 1-25 中 的 URL 应 输入 : 图 126 DW 的 “文件 面板 
http://localhost/eshop, 在 图 1-24 中 网 站 目录 应 输入 E:\eshop。 

PHP 动态 站 点 建立 好 后 ,可 以 在 DW 文件 菜单 中 选择 “新 建 ”>“ 动 态 页 ”>PHP, 就 会 
新 建 一 个 PHP 网 页 文件 ,保存 时 会 自动 保存 为 . php 文件 。 并 且 在 工具 栏 中 会 多 出 一 个 
PHP 工具 栏 (图 1-27) ,利用 该 工具 栏 可 以 自动 插入 一 些 常 用 的 PHP 代码 或 定 界 符 。 
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mv | 河 之 潮 洽 | 风骨 四 | 2 吉 乞 |* 加 
插入 PHP 定 界 符 ” 插 入 输出 函数 
图 1-27 DW 中 的 PHP 工 具 栏 


除了 DW 外 ,PHP 的 开发 工具 还 有 PhpStorm、PyCharm 等 。 如 果 要 在 Linux 或 Mac 
OS 上 开发 PHP, 还 可 以 选择 Zend Studio。 


1.4 Web 编程 语言 和 运行 环境 


1.4.1 Web 编程 语言 


除了 PHP 可 用 于 Web 应 用 程序 开发 外 ,目前 常见 的 Web 编程 语言 还 有 CGI、 ASP、 
ASP. NET 和 JSP 等 。 这 几 种 技术 的 关系 如 图 1-28 所 示 。 下 面 分 别 介绍 。 


CGI 


PHP ASP JSP ASP.NET 


图 1-28 常见 的 Web 编程 环境 


1. CGI 


最 早 能 够 动态 生成 HTML 页 面 的 技术 是 CG1(Common Gateway Interface, 通 用 网 关 
接口 ), 由 美国 NCSA (National Center for Supercomputing Applications) 于 1993 年 提出 。 
CGI 技术 允许 服务 器 端 应 用 程序 根据 客户 端的 请 求 ,动态 生成 HTML 页 面 。 早 期 的 CGI 
大 多 是 编译 后 的 可 执行 程序 ,其 编程 语言 可 以 是 CC++ 等 任何 通用 的 程序 设计 语言 ,也 可 
以 是 Perl、Python 等 脚本 语言 。 但 是 ,CGI 程序 的 编写 比较 复杂 而 且 效 率 低 ,并且 每 次 修改 
程序 后 都 必须 将 CGI 的 源 程序 重新 编译 成 可 执行 文件 。 目 前 很 少 有 人 使 用 CGI 技术 。 


2. PHP 


1994 年 ,Rasmus Lerdorf 发 明了 专门 用 于 Web 服务 器 编程 的 PHP 工具 语言 ,与 以 往 
的 CGI 程序 不 同 ,PHP 语言 将 HTML 代码 和 PHP 指令 结合 成 为 完整 的 服务 器 端 动态 页 
面 ,执行 效率 比 完全 生成 HTML 标记 的 CGI 要 高 得 多 。PHP 的 其 他 优点 包括 : 跨 平 台 并 
且 开放 源 代码 ,支持 几乎 所 有 流行 的 数据 库 , 可 以 运行 在 UNIX、Linux 或 Windows 操作 系 
统 下 。 开 发 PHP 时 通常 搭配 Apache Web 服务 器 和 MySQL 数据 库 。 


3. ASP 


1996 年 ,Microsoft 公司 推出 了 ASP 1.0。ASP 是 Active Server Pages 的 缩写 , 即 动态 
服务 器 页 面 。 它 是 一 种 服务 器 端 脚本 编程 环境 ,可 以 混合 使 用 HTML、 服 务 器 端 脚 本 语言 
(VBScript 或 JavaScript) 以 及 服务 器 端 组 件 创建 动态 .交互 的 Web 应 用 程序 。 从 Windows 
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NT 4.0 开始 ,所 有 Windows 操作 系统 都 提供 了 IIS(Internet Information Services) 组 件 , 它 
可 以 作为 ASP 的 Web 服务 器 软件 。 

提示 : 脚本 (Script) 是 一 种 可 以 在 Web 服务 器 端 或 浏览 器 端 运 行 的 程序 ,目前 在 Web 
编程 上 比较 流行 的 脚本 语言 有 JavaScript 和 VBScript, 并 且 一 般 采 用 JavaScript 作为 客户 
端 脚本 语言 ,VBScript 作为 服务 器 端 脚本 语言 。 


4. JSP 


1997 一 1998 年 ,SUN 公司 相继 推出 了 Servlet 技术 和 JSP(Java Server Pages) 技 术 。 这 
两 者 的 组 合 ( 还 可 以 加 上 Javabean 技术 ) ,让 程序 员 可 以 使 用 Java 语言 开发 Web 应 用 程序 。 

JSP 实际 上 是 将 Java 程序 片段 和 JSP 标记 嵌入 HTML 文档 中 , 当 客 户 端 访问 一 个 JSP 
网 页 时 ,将 执行 其 中 的 程序 片段 ,然后 返回 给 客户 端 标准 的 HTML 文档 。 与 ASP 不 同 的 
是 : 客户 端 每 次 访问 ASP 文件 时 ,服务 器 都 要 对 该 文件 解释 执行 一 遍 , 再 将 生成 的 HTML 
代码 发 送 给 客户 端 。 而 在 JSP 中 , 当 第 一 次 请 求 JSP 文件 时 ,该 文件 会 被 编译 成 Servlet, 青 
生成 HTML 文档 发 送 给 客户 端 , 当 以 后 再 次 访问 该 文件 时 ,如 果 文件 没有 被 修改 ,就 直接 
执行 已 经 编译 生成 的 Servlet, 然 后 生成 HTML 文档 发 送 给 客户 端 ,由 于 以 后 每 次 都 不 需要 
重新 编译 ,因此 在 执行 效率 和 安全 性 方面 有 明显 优势 。JSP 另 一 个 优点 是 可 以 跨 平台 ,缺点 
是 运行 环境 及 Java 语言 都 比较 复杂 ,导致 学 习 难 度 大 。 


5. ASP.NET 


2002 年 ,Microsoft 公司 正式 发 布 了 .NET FrameWork 和 Visual Studio . NET, 它 引入 
了 ASP. NET 这 种 全 新 的 Web 开发 技术 。ASP. NET 可 以 使 用 VB. net、C# 等 编译 型 语 
言 ,支持 Web 窗 体 、. NET Server Control 和 ADO. NET 等 高 级 特性 。ASP. NET 应 用 程序 
最 大 的 特点 是 程序 与 页 面 分 离 ,也 就 是 说 它 的 程序 代码 可 单独 写 在 一 个 文件 中 ,而 不 是 嵌入 
到 网 页 代码 中 。ASP. NET 需要 运行 在 安装 了 . Net FrameWork 的 IIS 服务 器 上 。 

总 的 来 说 ,PHP 和 ASP 属于 轻 量 级 的 Web 程序 开发 环境 ,只 要 安装 DW 就 可 进行 程 
序 的 编写 。 而 ASP. NET 和 JSP 属于 重量 级 的 开发 平台 ,除了 安装 DW 外 ,还 必须 安装 
Visual Studio 或 Eclipse 等 大 型 开发 软件 。 


1.4.2 ”Web 服务 器 软件 


要 运行 Web 应 用 程序 ,必须 先 安装 Web 服务 器 软件 。Web 服务 器 软件 是 一 种 可 以 运 
行 和 管理 Web 应 用 程序 的 软件 。 对 于 不 同 的 Web 编程 技术 来 说 ,其 搭配 的 Web 服务 器 软件 
是 不 同 的 。 表 1-1 列 出 了 几 种 Web 编程 语言 的 特点 及 其 运行 环境 (搭配 的 Web 服务 器 ) 。 


表 1-1 几 种 Web 编程 语言 的 特点 及 其 运行 环境 


PHP ASP ASP. NET JSP 
Web 服务 器 Apache JIS IIS Tomcat 
运行 方式 解释 执行 解释 执行 预 编译 预 编译 
跨 平台 性 任何 平台 Windows 平 台 Windows 平 台 任何 平台 
文件 扩展 名 .php .asp .aspx .jsp 
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Web 服务 器 的 功能 是 解析 HTTP 协议 , 当 Web 服务 器 接收 到 一 个 HTTP 请 求 后 ,会 
返回 一 个 HTTP 响应 ,例如 返回 一 个 HTML 静态 页 面 给 浏览 器 .进行 页 面 跳 转 或 者 调用 其 
他 程序 (如 CGI 脚本 、PHP 程序 等 ) ,产生 动态 响应 。 而 这 些 服务 器 端的 程序 通常 会 产生 一 
个 HTML 的 响应 来 让 浏览 器 可 以 浏览 。 

选择 Web 服务 器 时 ,应 考虑 以 下 因素 : 性 能 、 安 全 性 ,日 志和 统计 、 虚 拟 主 机 ,代理 服务 
器 和 集成 应 用 程序 等 。 下 面 介绍 几 种 常用 的 Web 服务 器 。 


1. Apache 


Apache 是 世界 上 使 用 最 广泛 的 Web 服务 器 ,市 场 占有 率 达 60% 左 右 , 它 的 成 功 之 处 在 
于 它 是 免费 的 开放 源 代码 的 、 并 且 具 有 跨 平台 性 (可 运行 在 各 种 操作 系统 下 ) ,因此 部 署 在 
Apache 上 的 Web 应 用 程序 具有 很 好 的 可 移植 性 。Apache 通常 作为 PHP 的 Web 服务 器 ,但 
安装 一 些 附加 软件 后 它 也 能 支持 JSP 或 ASP, 如 果 要 在 Linux 下 运行 ASP, 可 考虑 这 种 方案 。 


2. lIS 


IIS 是 Microsoft 公司 推出 的 Web 服务 器 软件 ,是 目前 流行 的 Web 服务 器 软件 之 一 。 
IIS 的 优点 是 提供 了 图 形 界面 的 管理 工具 ,可 以 用 来 可 视 化 地 配置 IIS 服务 器 。 

实际 上 ,IIS 是 一 种 Web 服务 组 件 , 它 包括 了 Web 服务 器 .SMTP 服务 器 和 FTP 服务 
器 三 种 软件 ,分 别 用 于 发 布 网 站 或 Web 应 用 程序 、 提 供电 子 邮件 服务 和 提供 文件 传输 服务 。 
它 使 得 在 网 络 上 发 布 信息 成 了 一 件 很 容易 的 事 。IIS 提供 ISAPI(Intranet Server API) 作为 
扩展 Web 服务 器 功能 的 编程 接口 ; 同时 , 它 还 提供 一 个 Internet 数据 库 连接 器 ,可 以 实现 
对 数据 库 的 访问 。IIS 的 缺点 是 只 能 运行 在 Windows 平台 下 。 


3. Tomcat 


Tomcat 是 一 个 开放 源 代码 的 ,用 于 运行 Servlet 和 JSP Web 应 用 程序 的 Web 应 用 软件 容 
器 。Tomcat 是 基于 Java 的 并 根据 Servlet 和 JSP 规范 进行 执行 的 。 由 于 有 了 SUN 公司 (Java 
语言 的 创立 者 ) 的 参与 和 支持 ,最 新 的 Servlet 和 JSP 规范 总 是 能 在 Tomcat 中 得 到 体现 。 

Tomcat 是 一 个 轻 量 级 应 用 服务 器 ,在 中 小 型 系统 和 并 发 访问 用 户 不 是 很 多 的 场合 下 
被 普遍 使 用 ,是 开发 和 调试 JSP 程序 的 首选 。 实 际 上 Tomcat 是 Apache 服务 器 的 扩展 ,但 
它 是 独立 运行 的 ,所 以 当 运 行 Tomcat 时 , 它 将 作为 一 个 与 Apache 独立 的 进程 单独 运行 。 

提示 : Apache 和 Tomcat 都 没有 提供 可 视 化 的 界面 对 服务 器 进行 配置 和 管理 ,配置 
Apache 需要 修改 httpd. conf 文件 ,配置 Tomcat 需要 修改 Server. xml 文件 ,因此 管理 起 来 
没有 IIS 方 便 。 


习题 
1. 对 于 采用 虚拟 主机 方式 部 署 的 多 个 网 站 ,域名 和 IP 地 址 是 ( ) 的 关系 。 
A. 一 对 多 B. 一 对 一 C. 多 对 一 D. 多 对 多 
2. 网 页 的 本 质 是 ( Ds 
A. 图 像 B. 纯 文 本 


C. 可 执行 程序 D. 图 像 和 文本 的 压缩 
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3. 


5. 


以 下 不 是 服务 器 端 动态 网 页 技术 的 是 ( )。 
到 EHP B. JSP G. ASP.NET D. Ajax 


. 配置 MySQL 服务 器 时 ,需要 设置 一 个 管理 员 账 号 ,其 名 称 是 ( 


A. admin B. root C. sa D. Administrator 


如 果 Apache 的 网 站 主 目录 是 E:\eshop, 并 且 没 有 建立 任何 虚拟 目录 , 则 在 浏览 器 


地 址 栏 中 输入 http://localhost/admin/admin. php 将 打开 的 文件 是 ( 澳 


A. E:\localhost\admin\admin. php 

B. E:\eshop\admin\admin. php 

C. E:\eshop\admin. php 

D. E:\eshop\localhost\admin\admin. php 


6. PHP 的 配置 文件 是 ,Apache 的 配置 文件 是 o 
7. 如 果 Apache 的 网 站 主 目录 是 E:\eshop, 要 运行 E;\eshop\abc\rs\123. php 文件 ， 
则 应 在 浏览 器 地 址 栏 中 输入 ” ,如 果 EE:\eshop 是 虚拟 目录 , 则 要 运行 E:\eshop\ 
eshop. php 文件 ,应 在 浏览 器 地 址 栏 中 输入 o 
8. 对 于 Apache 的 配置 文件 ,请 把 左边 的 项 与 右边 的 描述 联系 起 来 。 
A. httpd. conf ( ) 用 于 设置 默认 文档 ; 
B. Listen ( ) 用 于 创建 虚拟 目录 ; 
C. DocumentRoot ( ) 用 于 设置 网 站 的 访问 端口 ; 
D. Alias ( ””) 用 于 设置 网 站 文档 的 根 目 录 ; 
E. DirectoryIndex ( ) 用 于 配置 Apache 服务 器 ; 


9. Apache 服务 器 只 能 支持 PHP 语言 吗 ? 
10. 开发 PHP 程序 前 ,使 用 Dreamweaver 建立 PHP 动态 站 点 有 何 作用 ? 


1 


1. 有 一 个 PHP 文件 ,存放 在 D:\AppServ\www 目录 下 ,请 问 如 果 在 “我 的 电脑 ”中 双 


击 该 PHP 文件 ,该 文件 可 以 运行 吗 ? 


1 
1 


2. 简 述 动态 网 站 和 Web 应 用 程序 的 联系 和 区 别 。 
3. 列举 常见 的 Web 服务 器 软件 及 动态 网 页 设计 语言 。 


14. 将 Apache 服务 器 的 主 目录 设置 为 D:\wgzx, 并 运行 一 个 该 目录 中 的 PHP 文件 。 


1 


5. 假设 已 在 Apache 服务 器 上 建立 了 一 个 虚拟 目录 D:\wgzx, 请 使 用 DW 新 建 一 个 


PHP 动态 站 点 ,站 点 名 称 叫 wgzx, 该 站 点 目录 对 应 D:\wgzx 文件 夹 。 


HTML(HyperText Markup Language), 即 超 文 本 标记 语言 ,作为 一 种 编写 网 页 结构 代 
码 的 标记 请 言 , 是 所 有 网 页 制作 技术 的 基础 。 无 论 是 展示 信息 的 静态 网 页 ,还 是 编写 可 供 交 
互 的 Web 程序 ,都 离 不 开 HTML 语言 。 本 章 将 介绍 HTML 语言 中 的 各 种 标记 。 


@.1 HTML 概述 


网 页 是 用 HTML 书写 的 一 种 纯 文本 文件 。 用 户 通 过 浏览 器 所 看 到 的 包含 了 文字 、 图 
像 .动画 等 多 媒体 信息 的 每 一 个 网 页 ,其 实质 是 浏览 器 对 该 纯 文本 文件 进行 了 解释 ,并 引用 
相应 的 图 像 ,动画 等 资源 文件 , 才 生 成 了 多 姿 多 彩 的 网 页 。 


2.1.1 HTML 文档 的 结构 


HTML 文件 本 质 是 一 个 纯 文 本 文件 ,只 是 它 的 扩展 名 为 .htm” 或 “. html”。 任 何 纯 文 
本 编辑 软件 都 能 创建 编辑 HTML 文件 。 我 们 可 以 打开 最 简单 的 文本 编辑 软件 一 一 记事 
本 ,在 记事 本 中 输入 如 图 2-1 所 示 的 代码 。 
输入 完成 后 , 单 击 “保存 ?菜单 项 ,注意 先 在 “保存 类 型 "中 ,选择 * 所 有 文件 ”, 再 输入 文件 
名 为 “2-1. html”。 单 击 保存 ,这 样 就 新 建 了 一 个 后 级 名 为 *. html” 的 网 页 文件 ,可 以 看 到 其 
文件 图 标 为 浏览 器 图 标 ,双击 该 文件 则 会 用 浏览 器 显示 如 图 2-2 所 示 的 网 页 。 
中 2-1. htsl - 记事 本 -Iolx| 
文件 到) 编辑 至) 格式 @) 查看 WD) 帮助 0D) 
<html> 
<head> 


<title》 第 一 个 网 页 </title> 
</head> 


当 第 一 个 同 页 


文件 @] 1” [| 7 


王建 加 | 色 ]c:\2-!1 htn1 国 | 


<body> 
欢迎 学 习 网 页 设计 

</body> 

/htnl> 


欢迎 学 习 网 页 设计 


图 2-1 用 记事 本 创建 一 个 HTML 文件 图 2-2 2-1.html 在 IE 浏览 器 中 的 显示 效果 


2-1. html 是 一 个 最 简单 的 HTML 文档 。 可 以 看 出 ,最 简单 的 HTML 文档 包括 4 个 标 
记 , 各 标记 的 含义 如 下 。 

(1) <html >…</html>: 告诉 浏览 器 HTML 文档 开始 和 结束 的 位 置 ,HTML 文档 包 
括 head 部 分 和 body 部 分 。HTML 文档 中 所 有 的 内 容 都 应 该 在 这 两 个 标记 之 间 , 一 个 
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HTML 文档 总 是 以 < html > 开始 .以 </html > 结束 。 

(2) <head >…</head >: HTML 文档 的 头 部 标记 , 头 部 主要 提供 文档 的 描述 信息 ， 
head 部 分 的 所 有 内 容 都 不 会 显示 在 浏览 器 窗口 中 ,在 其 中 可 以 放置 页 面 的 标题 < title > 以 及 
页 面 的 类 型 ,使 用 的 字符 集 、 链 接 的 其 他 脚本 或 样式 文件 等 内 容 。 

(3) < title >…</title >: 定义 页 面 的 标题 ,将 显示 在 浏览 器 的 标题 栏 中 。 

(4) <body >…</body >: 用 来 指明 文档 的 主体 区 域 , 主 体 包含 Web 浏览 器 页 面 显示 的 
具体 内 容 , 因 此 网 页 所 要 显示 的 内 容 都 应 放 在 这 个 标记 内 。 

提示 : HTML 标记 之 间 只 可 以 相互 谋 套 ,如 < head >< title >…</title ></head >, 但 绝 
不 可 以 相互 交错 ,如 < head >< title >…</head ></title > 就 是 绝对 错误 的 。 


2.1.2 ”Dreamweaver 的 开发 界面 


Dreamweaver 为 网 页 制作 及 PHP 网 站 程序 开发 提供 了 简洁 友好 的 开发 环境 ,DW 的 工 
作 界 面包 括 视图 窗口 .属性 窗口 .工具 栏 和 浮动 面板 组 等 ,如 图 2-3 所 示 。 


ntitled-1 (XHTEL)] 


修改 时 文本 I) 俞 令 C) 站 点 G) 窗口 帮助 0 


工具 面板 i 看- 同 出 包 鼎 


文档 窗口 hati dod 


CLI EE J Ey 
视图 切换 按钮 预览 按钮 


资源 | 代码 片断 


images 
Seripts 


于 inaex htnl 。 11IB NTNL D 
标记 选择 按钮 缩放 比例 | | 文档 窗口 大 小 style css 11B Cascad. 
Te 


浮动 面板 组 


属性 面板 


2-3 ”Dreaweaver CS3 的 工作 界面 


DW 的 视图 窗口 可 在 “代码 "和 “设计 ”之 间 切 换 。 

“设计 ”视图 的 作用 是 帮助 用 户 以 “所 见 即 所 得 ”的 方式 编写 HTML 代码, 即 通过 一 些 
可 视 化 的 方式 自动 编写 代码 ,减少 用 户 手工 书写 代码 的 工作 量 。DW 的 设计 视图 蕴含 了 面 
向 对 象 操作 的 思想 , 它 把 所 有 的 网 页 元 素 都 看 成 是 对 象 , 在 设计 视图 中 编写 HTML 的 过 程 
就 是 插入 网 页 元 素 , 再 设置 网 页 元 素 的 属性 。 

“代码 ?视图 供用 户 手 工 编 写 或 修改 代码 ,因为 在 网 页 制作 过 程 中 ,有 些 操作 不 能 (或 不 
方便 ) 在 设计 视图 中 完成 ,此 时 用 户 可 单 击 “ 代 码 ” 按 钮 ,切换 到 代码 视图 直接 书写 代码 ,代码 
视图 拥有 代码 提示 的 功能 ,即使 是 手工 编写 代码 ,速度 也 很 快 。 
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为 了 提高 网 页 制作 的 效率 ,建议 用 户 首先 在 “设计 视图 ”中 插入 主要 的 HTML 元 素 ( 尤 
其 是 像 列表 、 表 格 或 表单 等 复杂 的 元 素 ) ,然后 切换 到 “代码 视图 ”对 代码 的 细节 进行 修改 。 


2.1.3 ”使 用 DW 新 建 HTML 文件 


打开 DW, 在 “文件 ”菜单 中 选择 “新 建 "( 快 捷 键 为 Ctrl 十 N) ,在 “新 建文 档 ” 对 话 框 中 选 
择 “ 基 本 页 ”>HTML, 单 击 “ 创 建 "按钮 就 会 出 现 网 页 的 设计 视图 。 在 设计 视图 中 可 输入 网 
页 内 容 ,然后 保存 文件 (菜单 命令 “文件 ”>“ 保 存 ”, 快 捷 键 为 Ctrl 十 S, 第 一 次 保存 时 会 要 求 
输入 网 页 的 文件 名 ) ,就 新 建 了 一 个 HTML 文件 ,最 后 可 以 按 F12 预览 键 在 浏览 器 中 预览 
网 页 ,也 可 以 在 保存 的 文件 夹 中 找到 该 文件 双击 运行 。 

提示 : 网 页 在 DW 设计 视图 中 的 效果 和 浏览 器 中 显示 的 效果 并 不 完全 相同 ,所 以 测试 
网 页 时 应 按 F12 键 在 浏览 器 中 预览 最 终 效果 。 


@.2 用 HTML 制作 网 页 


网 页 中 的 文本 、 图 像 、 超 链接 、 表 格 等 各 种 元 素 , 其 实质 上 都 是 使 用 对 应 的 HTML 标记 
制作 的 。 要 在 网 页 中 添加 各 种 网 页 元 素 , 只 要 在 HTML 代码 中 插入 对 应 的 HTML 标记 并 
设置 属性 和 内 容 即 可 。 


2.2.1 创建 文本 和 列表 
在 网 页 中 添加 文本 的 方式 主要 有 以 下 几 种 。 
1. 直接 写 文本 


这 是 最 简单 的 插入 文本 方法 ,有 时 候 文本 并 不 需要 放 在 文本 标记 中 ,完全 可 直接 放 在 其 
他 标记 中 。 例 如 : < div > 文本 </div>、< td > 文本 </td >、< body > 文本 </body >、<1i> 文 本 
</li>。 


2. 用 段落 标记 < p >…</p > 格式 化 文本 
各 段落 文本 将 换行 显示 ,段落 与 段落 之 间 有 一 行 的 间距 。 例 如 : 


<p> 第 一 段 </p><p> 第 二 段 </p><p> 第 三 段 </p> 


3. 用 标题 标记 < hn >…</hn > 格式 化 文本 


标题 标记 是 具有 语义 的 标记 , 它 指明 标记 内 的 内 容 是 一 个 标题 。 标 题 标记 共有 6 种 ,用 
来 定义 第 级 标题 (n 二 1~6) ,n 的 值 越 大 , 字 越 小 ,所 以 < hl > 是 最 大 的 标题 标记 ,而 < h6 > 
是 最 小 的 标题 标记 。 标 题 标记 中 的 文本 将 以 粗 体 显示 ,实际 上 可 看 成 是 特殊 的 段落 标记 。 

标题 标记 和 段落 标记 均 具 有 对 齐 属性 align, 用 来 设置 元 素 的 内 容 在 元 素 占据 的 一 行 空 
间 内 的 对 齐 方式 。 该 属性 的 取 值 有 : left( 左 对 齐 ) \right( 右 对 齐 ) .center( 居 中 对 齐 ) 。 
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4. 文本 换行 标记 < br /> 


< br /> 标记 是 强制 换行 标记 ,如 果 和 希望 HTML 代码 中 的 文本 在 浏览 器 中 换行 ,可 在 要 
换行 处 插入 < br /> 标记 。 在 DW 中 插入 < br /> 标记 的 快捷 键 是 Shift 十 Enter。 


5. 列表 标记 


ht //localhost:88/phpbookf clspi=|| 
文件 四 ”编辑 @)， 坦 看 W， 收 兰 W) J” 屠 
天 二 加 | hp ioeahsvz-thl 到 回击 
网 页 制作 语言 = 
Web 开 发 领域 常用 的 网 页 制作 语言 如 下 ， 
。HTIL， 网 页 结构 语言 
。 (CSS， 网 页 表现 语言 


。JavaScript 


一 种 浏览 器 编程 语言 
。 PHP 


为 了 合理 地 组 织 文本 或 其 他 元 素 , 网 页 中 经 常 要 
用 到 列表 。 列 表 标 记分 为 无 序列 表 < ul >、 有 序列 表 
<ol> 和 定义 列表 < dl > 三 种 。 每 个 列表 标记 都 是 配对 
标记 ,在 列表 标记 中 可 包含 若干 < li > 标记 ,表示 列 
表 项 。 

图 2-4 是 一 个 包含 了 各 种 文本 和 列表 的 网 页 ,其 
图 2-4 包含 各 种 文本 标记 的 网 页 对 应 的 HTML 代码 如 下 。 


<html><body> 
<h2 align = "center"> 网 页 制作 语言 </h2 > 
<p>Web 开发 领域 常用 的 网 页 制作 语言 如 下 :</p> 
<ul> 
<1i> HTML: 网 页 结构 语言 </1i> 
<1i>CSsS: 网 页 表现 语言 </1i> 
< 1i>JavaScript < br > 一 种 浏览 器 编程 语言 </1i > 
<1i>PHP</li> 
</ul> 
</body> </html > 


2.2.2 插入 图 像 
网 页 中 图 像 对 浏览 器 者 的 吸引 力 远 远大 于 文本 ,选择 最 从 ”EEC 


文件 四 ”编辑 G) 查看 WD 收藏 (” 时 
当 的 图 像 ,能 够 牢 牢 吸引 浏览 者 的 视线 。 图 像 直 接 表现 主题 ， | 茵 鲁 
并 且 和 凭借 图 像 的 意境 ,使 浏览 者 产生 共鸣 。 缺 少 图 像 而 只 有 色 
彩 和 文字 的 设计 ,给 人 的 印象 是 没有 主题 的 空虚 的 画面 ,浏览 
者 将 很 难 了 解 该 网 页 的 主要 内 容 。 
在 HTML 中 ,用 <img > 标记 可 以 插入 图 像 文件 ,并 可 设置 
图 像 的 大 小 、 对 齐 等 属性 , 它 是 一 个 单 标记 ,图 2-5 的 网 页 中 插 
入 了 一 张 图 片 ,其 对 应 的 HTML 代码 如 下 。 图 2-5 在 网 页 中 插入 图 片 


<html >< body > 

<p> 今 天 钓 到 一 条 大 鱼 , 好 高 兴 !</p> 

< img src = "images/dayu. jpg" width = "200" height = "132" align = "center" title= "好 大 的 鱼 "/> 
</body></html > 


该 网 页 中 显示 的 图 片 文件 位 于 当前 文件 所 在 目录 下 的 images 目录 中 ,文件 名 为 “dayu. 
jpg”, 如 果 不 存 在 该 文件 , 则 会 显示 一 片 空白 。< img > 标记 的 常见 属性 如 表 2-1 所 示 。 
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表 2-1 < img> 标 记 的 常见 属性 


属 性 含 基 
Src 图 片 文件 的 URL 地 址 
alt 当 图 片 无 法 显示 时 显示 的 替代 文字 
title 鼠标 停留 在 图 片上 时 显示 的 说 明文 字 
align 图 片 的 对 齐 方式 ,共有 9 种 取 值 
width height 图 片 在 网 页 中 的 宽 和 高 ,单位 为 像素 或 百分比 


2.2.3 ”创建 超 链接 


超 链 接 是 组 成 网 站 的 基本 元 素 ,通过 超 链接 可 以 将 很 多 网 页 链接 成 一 个 网 站 ,并 将 
Internet 上 的 各 个 网 站 联系 在 一 起 ,浏览 者 可 以 方便 地 从 一 个 网 页 跳 转 到 另 一 个 网 页 。 
超 链 接 是 通过 URL( 统 一 资源 定位 器 ) 来 定位 目标 信息 的 。 


‘=olxl 
URL 包括 4 部 分 : 中 网 络 协议 (如 http://); @ 域 名 或 IP 地 址 ; |ESCUASC ae 化 | 
入 一 村 加 | 作 http://1ocahost 加 


@ 文 件 路 径 ; @ 文 件 名 。 
a 日 


在 网 页 中 ,< a >…</a > 标记 且 带 有 href 属性 时 表示 超 链接 。 
图 2-6 网 页 中 的 超 链接 


图 2-6 所 示 的 网 页 中 创建 了 两 个 超 链 接 , 当 鼠标 移动 到 超 链接 上 时 
会 变 成 手 形 。 其 代码 如 下 ; 
<html ><body> 
<a href = "/index.html" target = "_ blank"> 网 站 首页 </a> 
<a href = "mailto:xia@qq. com" title= "欢迎 给 我 来 信 "> 联 系 我 们 </a> 
</body></html > 
<a> 标 记 的 属性 及 其 取 值 如 表 2-2 所 示 。 


表 2-2 <a> 标 记 的 属性 及 其 取 值 


属 性 名 说 明 属性 值 
href 超 链 接 的 URL 路 径 相对 路 径 或 绝对 路 径 . Email、# 锚 点 名 
target 超 链接 的 打开 方式 _blank: 在 新 窗口 打开 ; _self: 在 当前 窗口 打开 ,默认 值 
title 超 链 接 上 的 提示 文字 属性 值 是 任何 字符 串 
id、 _ 自 定义 的 名 称 , 如 id= 王 "chl"。< a > 标记 作为 锚 点 使 用 
name 错 江 的: 雪 趴 考区 时 ,不 能 设置 href 属性 。 


超 链 接 的 源 对 象 是 指 可 以 设置 链接 的 网 页 对 象 ,主要 有 文本 ,图 像 或 文本 图 像 的 混合 
体 , 它 们 对 应 < a > 标记 的 内 容 , 另 外 还 有 热 区 链接 。 在 DW 中 ,这 些 网 页 对 象 的 属性 面板 中 
都 有 “链接 ”设置 项 ,可 以 很 方便 地 为 它们 建立 链接 。 


1. 用 文本 作 超 链接 


在 DW 中 ,可 以 先 输入 文本 ,然后 用 鼠标 选中 文本 ,在 属性 面板 的 “链接 ” 框 中 输入 链接 
的 地 址 并 按 Enter 键 ; 也 可 以 单 击 “ 常 用 ”工具 栏 中 的 “超级 链接 ”图 标 , 在 对 话 框 中 输入 文 
本 和 链接 地 址 ; 还 可 以 在 代码 视图 中 直接 写 代 码 。 无 论 用 何 种 方式 ,生成 的 超 链 接 代码 类 
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似 于 下 面 的 形式 : 


<a href = "index. htm" target =" blank"> 首 页 </a> 


2. 用 图 像 作 超 链接 


首先 需要 插入 一 幅 图 片 ,然后 选中 图 片 ,在 属性 面板 的 “链接 ”文本 框 中 设置 图 像 链接 的 
地 址 。 生 成 的 代码 如 下 : 


<a href = "index.htm">< img src= "images/info.gif" title= "详情 " border = "0" /></a> 


2.2.4 创建 表格 


表格 是 网 页 中 常见 的 页 面 元 素 ,网 页 中 的 表格 不 仅 用 来 显示 数据 ,还 可 用 来 对 网 页 进行 
排版 和 布局 ,以 达到 精确 控制 文本 和 图 像 在 网 页 中 位 置 的 目的 。 通 过 表格 布局 的 网 页 ,网 页 
中 所 有 元 素 都 是 放置 在 表格 的 单元 格 (< td > 标记 ) 中 。 

表格 由 < table > 标记 定义 。 一 个 表格 被 分 成 许多 行 , 行 由 < tr > 标记 定义 ,每 行 又 被 分 成 
多 个 单元 格 ,单元 格 由 < td > 标记 定义 。 因 此 


border 
一 一 cellpadding 


< table>< tr >< td > 是 表格 中 三 个 最 基本 的 标记 ， 
必须 同时 出 现 才 有 意义 。 单 元 格 < td > 能 容纳 网 人 
页 中 的 任何 元 素 , 如 图 像 . 文 本、 列表 、 表 单 、 表 
格 等。 
下 面 是 一 个 简单 的 表格 代码 , 它 的 显示 效果 图 2-7 一 个 简单 的 表格 


如 图 2-7 所 示 。 


< table border = "6" cellpadding = "8" cellspacing = "10"> 
<tr><td> CELL 1 </td>< td rowspan = "2"> CELL 2 </td> 
<td> CELL 3 </td></tr> 
<tr height = "60"><td> CELL 4</td> 
< td valign = "bottom"> CELL 5 </td></tr> 
</table> 


从 图 2-7 可 知 ,一 个 < tr > 标记 表示 一 行 ,< tr > 标记 中 有 三 个 < td > 标记 ,表示 一 行 中 有 
三 个 单元 格 。 要 注意 在 表格 中 行 比 列 大 ,总 是 一 行 < tr > 中 包含 若干 个 单元 格 < td >。 
< table> 标 记 中 还 使 用 了 几 个 属性 ,其 中 border 表示 表格 的 外 边框 粗细 ,cellspacing 表示 相 
邻 单元 格 之 间 ( 以 及 单元 格 与 边框 之 间 ) 的 间距 ,cellpadding 表示 单元 格 中 的 内 容 到 单元 格 
边框 之 间 的 距离 。 这 三 个 属性 都 是 可 选 的 ,如 果 省 略 , 则 它们 的 默认 值 为 : border 王 0， 
cellspacing 一 1,cellpadding 一 0。 

表格 < table > 标记 还 具有 宽 (width) 高 (height)\ 水 平 对 齐 (align) 等 属性 。 

单元 格 < td > 标记 具有 align( 水 平 对 齐 属 性 ) 和 valign( 垂 直 对 齐 属性 ) ,以 及 colspan( 跨 
多 列 属 性 ) 和 rowspan( 跨 多 行 属性 ) ,例如 : rowspan 王 "2" 表 示 该 单元 格 由 2 行 (2 个 上 下 排 
列 的 单元 格 ) 合 并 而 成 , 它 将 使 该 行 下 一 行 的 < tr > 标记 中 减少 一 个 < td > 标记 。 
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&3 表单 标记 


表单 是 浏览 器 与 服务 器 之 间 交 互 的 重要 手段 ,利用 表单 可 以 收集 客户 端 提交 的 有 关 信 
息 。 用 户 单 击 “ 提 交 ” 按 钮 后 表单 中 的 信息 就 会 发 送 到 服务 器 。 

表单 由 表单 界面 和 服务 器 端 程序 两 部 分 构成 。 表 单 界 面 由 HTML 代码 编写 ,服务 器 
端 程序 用 来 收集 用 户 通 过 表单 提交 的 数据 。 本 节 只 讨论 表单 界面 的 制作 。 在 HTML 代码 
中 ,可 以 用 表单 标记 定义 表单 ,并 且 指 定 接收 表单 数据 的 服务 器 端 程序 文件 。 

表单 处 理 信息 的 过 程 为 : 当 单 击 表单 中 的 “提交 ”按钮 时 ,在 表单 中 填写 的 信息 就 会 发 
送 到 服务 器 ,然后 由 服务 器 端的 有 关 应 用 程序 进行 处 理 , 处 理 后 或 者 将 用 户 提交 的 信息 储存 
在 服务 器 端的 数据 库 中 ,或 者 将 有 关 的 信息 返回 到 客户 端 浏览 器 。 


2.3.1 <form > 标记 及 其 属性 


< form > 标记 用 来 创建 一 个 表单 , 即 定义 表单 的 开始 和 结束 位 置 ,这 一 标记 有 几 方 面 的 
作用 。 首 先 ,限定 表单 的 范围 ,一 个 表单 中 的 所 有 表单 域 标记 ,都 要 写 在 < form > 与 </form > 
之 间 , 单 击 “ 提 交 ” 按 钮 时 ,提交 的 也 是 该 表单 范围 内 的 内 容 。 其 次 ,携带 表单 的 相关 信息 , 例 
如 处 理 表单 的 脚本 程序 的 位 置 (action) 、 提 交 表 单 的 方法 (method) 等 。 这 些 信息 对 于 浏览 
者 是 不 可 见 的 ,但 对 于 处 理 表单 却 起 着 决定 性 的 作用 。 

<form > 标记 中 包含 的 表单 域 标记 通常 有 < input >、< select > 和 < textarea > 等 ,图 2-8 
展示 了 Dreamweaver 的 表单 工具 栏 中 各 种 表单 元 素 与 标记 的 对 应 关系 。 


对 应 标记 : form input textarea input select input label fieldset 
图 2-8 ”表单 元 素 和 表单 标记 的 对 应 关系 


在 图 2-8 中 单 击 表单 按钮 (图 ) 后 ,就 会 在 网 页 中 插入 一 个 表单 < form > 标记 ,此 时 会 在 
属性 面板 中 显示 < form > 标记 的 属性 设置 ,如 图 2-9 所 示 。 


2-9 < form > 标记 的 属性 面板 
< form > 标记 具有 的 属性 如 下 。 
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1. name 属性 


图 2-9 中 ,“ 表 单 名称 ” 对 应 name 属性 ,可 设置 一 个 唯一 的 名 称 以 标识 该 表单 ,如 < form 
name 一 “forml"> ,该 名 称 仅 供 JavaScript 代码 调用 表单 中 的 元 素 。 


2. action 属性 


“动作 ”对 应 表单 的 action 属性 。action 属性 用 来 设置 接收 表单 内 容 的 程序 文件 的 
URL。 例如; < form action 二 "admin/check. php">, 表 示 当 用 户 提 交 表 单 后 ,将 转 到 admin 
目录 下 的 check. php 页 面 ,并 由 check. php 接收 发 送 来 的 表单 数据 ,该 文件 执行 完毕 后 ( 通 
常 是 对 表单 数据 进行 处 理 ) ,将 返回 执行 结果 (生成 的 静态 页 ) 给 浏览 器 。 

在 “动作 ”文本 框 中 可 输入 相对 URL 或 绝对 URL。 如 果 不 设置 action 属性 ( 即 action 
一"") ,表单 中 的 数据 将 提交 给 表单 自身 所 在 的 文件 ,这 种 情况 常见 于 将 表单 代码 和 处 理 表 
单 的 程序 写 在 同一 个 动态 网 页 中 ,和 否则 将 没有 接收 和 处 理 表单 内 容 的 程序 。 


3. method 属性 


“方法 ”对 应 < form > 的 method 属性 ,定义 浏览 器 将 表单 数据 传递 到 服务 器 端的 方式 。 
取 值 只 能 是 GET 或 POST( 默 认 值 是 GET) ,例如 : < form method 一 "post">。 

(1) 使 用 GET 方式 时 ,Web 浏览 器 将 各 表单 字段 名 称 及 其 值 按照 URL 参数 格式 的 形 
式 , 附 在 action 属性 指定 的 URL 地 址 后 一 起 发 送 给 服务 器 。 例 如 ,一 个 使 用 GET 方式 的 
form 表单 提交 时 ,在 浏览 器 地 址 栏 中 生成 的 URL 具有 类 似 下 面 的 形式 : 


http://ec. hynu. cn/admin/check. php?name = alice&password = 123 


可 见 GET 方式 所 生成 的 URL 格式 为 : 每 个 表单 域 元 素 名 称 与 取 值 之 间 用 等 号 “二 ”分 
隔 , 形 成 一 个 参数 ; 各 个 参数 之 间 用 “&” 分 隔 ; 而 action 属性 所 指定 的 URL 与 参数 之 间 用 
问号 “2” 分 隔 。 如 果 表 单字 有 段 取 值 中 包含 中 文 或 其 他 特殊 字符 , 则 使 用 GET 方式 会 自动 对 
它们 作 url 编码 处 理 。 例 如 “百度 ”就 是 使 用 GET 方式 提交 表单 信息 的 ,在 百度 中 输入 “web 
标准 ”, 青 单 击 “ 百 度 一 下 ”, 则 可 看 到 地 址 栏 中 的 URL 变 为 


http://www. baidu. com/s?wd = web% B1 EA% D7 % BC 


其 中 s 是 处 理 表 单 的 程序 ,wd 是 百度 文本 框 的 name 属性 值 ,而 web%B1%EA%D7% 
BC 是 我 们 在 文本 框 中 输入 的 “web 标准 ”的 URL 编码 形式 , 即 文本 框 的 value 值 ,可 见 
GET 方式 总 是 在 URL 问号 后 接 “name 二 value” 信 息 对 。 其 中 “标准 ”两 字 由 于 是 中 文字 符 ， 
get 方式 自动 对 它 作 编码 处 理 ,“%B1%EA%D7%BC” 就 是 “标准 ”的 GB2312 编码 ,这 是 
于 该 网 页 采用 了 GB2312 编码 方式 。 

(2) 使 用 POST 方式 ,浏览 器 将 把 各 表单 域 元 素 及 其 数据 作为 HTTP 消息 的 实体 内 容 
发 送 给 Web 服务 器 ,而 不 是 作为 URL 参数 传递 。 因 此 ,使 用 POST 方式 传送 的 数据 不 会 
显示 在 地 址 栏 中 。 根 据 HTML 标准 ,如 果 处 理 表 单 的 服务 器 程序 不 会 改变 服务 器 上 存储 
的 数据 , 则 可 以 采用 GET 方式 ,例如 ,用 来 对 数据 库 进 行 查询 的 表单 。 反 之 ,如 果 处 理 表单 
的 结果 会 引起 服务 器 上 存储 数据 的 变化 ,例如 ,将 用 户 的 注册 信息 存储 到 数据 库 中 , 则 应 采 
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提示 : 不 要 使 用 GET 方式 发 送 大 数据 量 的 表单 (例如 表单 中 有 文件 上 传 域 时 ) 。 因 为 
URL 长 度 最 多 只 能 有 8192 个 字符 ,如 果 发 送 的 数据 量 太 大 ,数据 将 被 截断 ,从 而 导致 发 送 
的 数据 不 完整 。 另 外 ,在 发 送 机 密 信息 时 (如 用 户 名 和 口令 、 信 用 卡号 等 ) ,不 要 使 用 GET 
方式 。 如 果 这 样 做 了 , 则 浏览 者 输入 的 口令 将 作为 URL 显示 在 地 址 栏 上 ,而 且 还 将 保存 在 
浏览 器 的 历史 记录 文件 和 服务 器 的 日 志文 件 中 。 因 此 ,GET 方式 不 适合 于 对 发 送 的 表单 数 
据 机 密 性 有 要 求 的 场合 或 表单 发 送 的 数据 量 大 的 场合 。 


4. enctype 属性 


“MIME 类 型 ?对 应 < form > 的 enctype 属性 ,用 来 指定 表单 数据 在 发 送 到 服务 器 之 前 应 
该 如 何 编码 。 默 认 值 为 application/x-www-form-urlencode, 表 示 表 单 中 的 数据 被 编码 成 
“名 一 值 ? 对 的 形式 ,因此 在 一 般 情况 下 无 须 设 置 该 属性 。 但 如 果 表 单 中 含有 文件 上 传 域 , 则 
需 设置 该 属性 为 multipart/form-data, 并 设置 提交 方式 为 POST。 


2.3.2 <input > 标记 


< input > 标记 是 用 来 收集 用 户 输 入 信息 的 标记 , 它 是 一 个 单 标记 ,< input > 至 少 应 具有 
两 个 属性 : 一 是 type 属性 ,用 来 决定 这 个 < input > 标记 的 含义 ,type 属性 共有 10 种 取 值 ,各 
种 取 值 的 含义 如 表 2-3 所 示 ; 二 是 name 属性 ,用 来 定义 该 表单 域 元 素 的 名 称 ,如 果 没 有 该 
属性 ,虽然 不 会 影响 表单 的 界面 ,但 服务 器 将 无 法 获取 该 表单 域 元 素 提 交 的 数据 。 


表 2-3 < input > 标记 的 type 属性 取 值 含义 


type 属性 值 会 区 type 属性 值 含 入 type 属性 值 会 入 
text 文本 框 file 文件 域 button 普通 按钮 
password 密码 框 hidden 隐藏 域 image 图 像 按钮 
radio 单 选 框 submit 提交 按钮 
checkbox 复 选 框 reset 重 置 按钮 

1. 单行 文本 框 


当 < input > 的 type 属性 为 text 时 , 即 < input type= "text" …/>, 将 在 表单 中 创建 一 个 
单行 文本 框 ,如 图 2-10 所 示 。 文 本 框 用 来 收集 用 户 输入 的 少量 文本 信息 。 例 如 ， 


姓名 :< input type = "text" name = "user" size= "20" /> 


表示 该 单行 文本 框 的 宽度 为 20 个 字符 ,名 称 属性 为 user。 

如 果 用 户 在 该 文本 框 中 输入 了 内 容 ( 假 设 输入 的 是 Tom) ,那么 提交 表单 时 ,提交 给 服 
务 器 的 数据 就 是 user 二 Tom。 即 表单 提交 的 数据 总 是 “name 二 value” 对 的 形式 。 由 于 name 
属性 值 为 user, 而 文本 框 的 value 属性 值 为 文本 框 中 的 内 容 , 因 此 有 以 上 结果 。 

如 果 用 户 没有 在 该 文本 框 中 输入 内 容 ,那么 提交 表单 时 ,提交 给 服务 器 的 数据 就 是 user 一 。 

在 初次 打开 网 页 时 文本 框 一 般 是 空 的 。 如 果 要 使 文本 框 显 示 初 始 值 ,可 设置 其 value 
属性 ,value 属性 的 值 将 作为 文本 框 的 初始 值 显示 。 如 果 希 望 单 击 文本 框 时 清空 文本 框 中 的 
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值 ,可 对 onfocus 事件 编写 JavaScript 代码 ,因为 单 击 文本 框 时 会 触发 文本 框 的 onfocus 事 
件 。 示 例 代 码 如 下 ,效果 如 图 2-10 所 示 。 文 本 框 和 密码 框 的 常用 属性 如 表 2-4 所 示 。 


查询 < input type = "text" name = "seach" value = "请 输入 关键 字 " onfocus = "this.value= '…"” /> 


搜索 : 卫生 入 关 健 了 搜索 : 
图 2-10 设置 了 value 属性 值 的 文本 框 在 网 页 载 人 时 ( 左 ) 和 单 击 后 ( 右 ) 
表 2-4 文本 框 和 密码 框 的 常用 属性 


属 性 名 功 能 示 例 
设置 文本 框 中 显示 的 初始 内 容 , 如 果 不 设置 , 则 文本 框 

value 显示 的 初始 值 为 空 ,用 户 输入 的 内 容 将 会 作为 最 终 的 | value==" 请 在 此 输入 " 
value 属性 值 

Size 指定 文本 框 的 宽度 ,以 字符 个 数 为 度量 单位 size 一 "16” 

maxlength 设置 用 户 能 够 输入 的 最 多 字符 个 数 maxlength="11" 


文本 框 为 只 读 , 用 户 不 能 改变 文本 框 中 的 值 ,但 用 户 仍 
能 选中 或 复制 其 文本 ,其 内 容 也 会 发 送 到 服务 器 
禁用 文本 框 ,文本 框 将 不 能 获得 焦点 ,提交 表单 时 ,也 不 


disabled 会 将 文本 框 的 名 称 和 值 发 送 给 服务 器 disabled 王 "disabled 


readonly readonly= "readonly" 


提示 : readonly 可 防止 用 户 对 值 进行 修改 ,直到 满足 某 些 条 件 为 止 ( 例 如 选中 了 一 个 复 
选 框 ) ,此 时 需要 使 用 JavaScript 清除 readonly 属性 。disabled 可 应 用 于 所 有 表单 元 素 。 


2. 密码 框 


当 < input > 的 type 属性 为 password 时 ,表示 该 < input > 是 一 个 密码 框 。 密 码 框 和 文本 
框 基本 相同 ,只 是 用 户 输入 的 字符 会 以 圆 点 显示 ,以 防 被 旁人 看 到 。 但 表单 发 送 数据 时 仍然 
会 把 用 户 输入 的 真实 字符 作为 其 value 值 以 不 加 密 的 形式 发 送 给 服务 器 。 示 例 代 码 如 下 : 


密码 : < input type = "password" name = "pw" size="15" /> 


3. 单 选 按钮 


<input type 一 "radio"…/> 用 于 在 表单 上 添加 一 个 单 选 按钮 ,但 单 选 按钮 需要 成 组 使 用 
才 有 意义 。 只 要 将 多 个 单 选 按钮 的 name 属性 值 设 置 为 相同 ,它们 就 形成 一 组 单 选 按钮 。 
浏览 器 只 允许 一 组 单 选 按钮 中 的 一 个 被 选中 。 当 用 户 提 交 表 单 时 ,在 一 个 单 选 按钮 组 中 ,只 
有 被 选中 的 那个 单 选 按钮 的 名 称 和 值 ( 即 name/value 对 ) 才 会 被 发 送 给 服务 器 。 

性 别 男女 人 因此 同 组 的 每 个 单 选 按钮 的 value 属性 值 必须 各 不 相同 ,以 实现 选 
中 不 同 的 单 选项 ,就 能 发 送 同一 name 不 同 value 值 的 效果 。 下 面 是 一 
组 单 选 按 钮 的 代码 ,效果 如 图 2-11 所 示 。 


图 2-11 单 选 按钮 


性 别 : 男 < input type = "radio" name = "sex" value = "1" checked = "checked" /> 
女 < input type= "radio" name = "sex" value = "2" /> 
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其 中 ,checked 属性 设 定 初始 时 单 选 按钮 哪 项 处 于 选 定 状态 ,不 设 定 表 示 都 不 选中 。 
4. 复 选 框 


<input type 一 "checkbox” /> 用 于 在 表单 上 添加 一 个 复 选 框 。 复 选 框 可 以 让 用 户 选择 
一 项 或 多 项 内 容 , 复 选 框 的 一 个 常见 属性 是 checked, 该 属性 用 来 设置 复 选 框 初始 状态 时 是 
否 被 选中 。 复 选 框 的 value 属性 只 有 在 复 选 框 被 选中 时 , 才 有 效 。 如 果 表 单 提交 时 , 某 个 复 
选 框 是 未 被 选中 的 ,那么 复 选 框 的 name 和 value 属性 值 都 不 会 传递 给 服务 器 ,就 像 没有 这 
个 复 选 框 一 样 。 只 有 某 个 复 选 框 被 选中 , 它 的 名 称 (name 属性 值 ) 和 值 (value 属性 值 ) 才 会 
传递 给 服务 器 。 下 面 的 代码 是 一 个 复 选 框 的 例子 ,显示 效果 如 图 2-12 所 示 。 


爱好 :< input name = "fav1" type = "checkbox" value = "1" /> 跳舞 
< input name = "fav2" type = "checkbox" value= "2" /> 散步 
< input name = "fav3" type = "checkbox" value= "3" /> 唱歌 
提示 : 从 以 上 示例 可 看 出 ,选择 类 表单 标记 ( 单 选 框 复 选 框 或 下 拉 列 表 框 等 ) 和 输入 类 
表单 标记 (文本 域 、 密 码 域 、, 多 行文 本 域 等 ) 的 重要 区 别 是 : 选择 类 标记 必须 事先 设 定 每 个 元 
素 的 value 属性 值 ,而 输入 类 标记 的 value 属性 值 一 般 是 用 户 输入 的 ,可 以 不 设 定 。 
5. 文件 上 传 域 


<input type 一 "file" …/> 是 表单 的 文件 上 传 域 , 用 于 浏览 器 通过 表单 向 服务 器 上 传 文 
件 。 使 用 < input type 一 "file” /> 元 素 , 浏 览 器 会 自动 生成 一 个 文本 框 和 一 个 “浏览 ?按钮 , 供 
用 户 选 择 上 传 到 服务 器 的 文件 ,示例 代码 如 下 ,效果 如 图 2-13 所 示 。 


< input type = "file" name = "upfile" /> 


要 好 ， 万 中 加 口 散步 启 唱歌 La | 
图 2-12 复 选 框 图 2-13 文件 上 传 域 
用 户 可 以 使 用 “浏览 ”按钮 打开 一 个 “文件 ”对 话 框 选择 要 上 传 的 文件 ,也 可 以 在 文本 框 
中 直接 输入 本 地 的 文件 路 径 名 。 


注意 : 如 果 < form > 标记 中 含有 文件 上 传 域 , 则 < form > 标记 的 enctype 属性 必须 设置 
为 “multipart/form-data”, 并 且 method 属性 必须 是 post。 


6. 隐藏 域 


<input type 一 "hidden”…/> 是 表单 的 隐藏 域 , 隐 藏 域 不 会 显示 在 网 页 中 ,但 是 当 提交 
表单 时 ,浏览 器 会 将 这 个 隐藏 域 元 素 的 name/value 属性 值 对 发 送 给 服务 器 。 因 此 隐藏 域 必 
须 具 有 name 属性 和 value 属性 ,否则 毫 无 作用 。 例 如 : 


< input type = "hidden" name = "user" value= "Alice" /> 


隐藏 域 是 网 页 之 间 传 递 信息 的 一 种 方法 。 例 如 ,假设 网 站 的 用 户 注 册 过 程 由 两 个 步骤 
完成 ,每 个 步骤 对 应 一 个 网 页 文件 。 用 户 在 第 一 步 的 表单 中 输入 了 用 户 名 ,接着 进入 第 二 步 
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的 网 页 中 ,在 这 个 网 页 中 填写 爱好 和 特长 等 信息 。 在 第 二 个 网 页 提交 时 ,要 将 第 一 个 网 页 中 
收集 到 的 用 户 名 也 传送 给 服务 器 ,就 需要 在 第 二 个 网 页 的 表单 中 加 入 一 个 隐藏 域 ,让 它 的 
value 值 等 于 接收 到 的 用 户 名 。 


2.3.3 < select > 和 < option > 标记 


< select > 标记 表示 下 拉 框 或 列表 框 ,是 一 个 标记 的 含义 由 其 size 属性 决定 的 元 素 。 如 
果 该 标记 没有 设置 size 属性 ,那么 就 表示 是 下 拉 列 表 框 。 如 果 设 置 了 size 属性 , 则 变 成 了 列 
表 框 ,列表 的 行 数 由 size 属性 值 决定 。 如 果 再 设置 了 multiple 属性 , 则 表示 列表 框 允许 多 
选 。 下 拉 列 表 框 中 的 每 一 项 由 < option > 标记 定义 ,还 可 使 用 < optgroup > 标记 添加 一 个 不 
可 选中 的 选项 ,用 于 给 选项 进行 分 组 。 例 如 下 面 代码 的 显示 效果 如 图 2-14 所 示 。 


所 在 地 : < select name = "addr"> ”<! -- 添加 属性 size= "5" 则 为 图 2- 14 右边 的 列表 框 -- > 
< option value = "1"> 湖 南 </option> 
<option value = "2"> 广 东 </option> 
< option value = "3"> 江 苏 </option> 
< option value = "4"> 四 川 </option ></select> 


所 在 地 ， 册 两 辐 提交 表单 时 ,select 标记 的 name 值 将 与 选中 项 的 
三 value 值 一 起 作为 name/value 信息 对 传送 给 服务 器 。 
| 如 果 < option > 标记 没有 设置 value 属性 ,那么 提交 表 

站 下 近 放 汪 李 (2D 有 和 六 尖 入 CGE) 单 时 ,将 把 选中 项 中 的 文本 (例如 “湖南 ”) 作 为 name/ 

value 信息 对 的 value 部 分 发 送 给 服务 器 。 


2.3.4 多 行文 本 域 标记 < textarea > 


< textarea > 是 多 行文 本 域 标记 ,用 于 让 浏览 者 输入 多 行文 本 ,如 发 表 评 论 或 留言 等 。 
< textarea> 是 一 个 双 标 记 , 它 没有 value 属性 ,而 是 将 标记 中 的 内 容 显示 在 多 行文 本 框 中 , 提 
交 表单 时 也 是 将 多 行文 本 框 中 的 内 容 作为 value 值 提交 。 例 如 : 

< textarea name 一 "comments”cols 一 "40" rows 一 "4"” wrap 一 "virtual"> 表 示 是 一 个 有 
4 行 ,每 行 可 容纳 40 个 字符 ,换行 方式 为 虚拟 换行 的 多 行文 本 域 。 

< textarea> 的 属性 有 : 

(1) cols: 用 来 设置 文本 域 的 宽度 ,单位 是 字符 。 

(2) rows: 用 来 设置 文本 域 的 高 度 ( 行 数 ) 。 

(3) wrap: 设置 多 行文 本 的 换行 方式 , 它 的 取 值 有 以 下 3 种 ,wrap 默认 值 是 文本 自动 
换行 ,对 应 虚拟 (virtual) 方 式 。 

@ 关 (off) : 不 让 文本 换行 。 当 用 户 输 入 的 内 容 超过 文本 区 域 的 右边 界 时 ,文本 将 向 左 
侧 滚动 ,不 会 换行 。 用 户 必须 按 Enter 键 才能 将 插入 点 移动 到 文本 区 域 的 下 一 行 。 

G@ 虚拟 (virtual) : 表示 在 文本 区 域 中 设置 自动 换行 。 当 用 户 输入 的 内 容 超过 文本 区 域 
的 右边 界 时 ,文本 换行 到 下 一 行 。 当 提交 数据 进行 处 理 时 ,换行 符 并 不 会 添加 到 数据 中 。 数 
据 作为 一 个 数据 字符 串 进 行 提交 。 
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@ 实体 (physical) : 文本 在 文本 域 中 也 会 自动 换行 ,但 是 当 提 交 数 据 进行 处 理 时 ,将 把 
这 些 自动 换行 符 作 为 < br/> 标 记 添 加 到 数据 中 。 


2.3.5 HTML5 新 增 的 表单 类 型 和 属性 


HTML5 在 表单 方面 做 了 很 大 的 改进 ,包括 : 使 用 type 属性 增强 表单 ,表单 元 素 可 以 出 
现在 form 标记 之 外 ,inpnut 元 素 新 增 了 很 多 可 用 属性 等 。 


1. input 标记 的 新 增 类 型 值 


在 HTML5 中 ,<input > 标记 在 原 有 类 型 (type 属性 值 ) 的 基础 上 ,新 增 了 许多 新 的 类 型 
成 员 ,如 表 2-5 所 示 。 


表 2-5 <input > 标记 新 增 的 类 型 


类 型 名 称 type 属 性 功能 描述 

网 址 输入 框 < input type= "url"> 用 来 输入 网 址 的 文本 框 
Email 输入 框 < input type= "email"> 用 来 输入 Email 地 址 的 文本 框 
数字 输入 框 < input type= "number"> 输入 数字 的 文本 框 ,并 可 设置 输入 值 的 范围 
范围 滑动 条 < input type 一 "range > 可 拖 动 滑动 条 ,用 于 改变 一 定 范围 内 的 数字 
日 期 选择 框 < input type 一 "date > 可 选择 日 期 的 文本 框 
搜索 输入 框 <input type= "search"> 输入 搜索 关键 字 的 文本 框 


其 中 ,网 址 输入 框 与 Email 输入 框 虽然 从 外 观 上 看 与 普通 文本 框 相同 ,但 是 它 会 检测 用 
户 输入 的 文本 是 否 是 一 个 合法 的 网 址 或 Email 地 址 ,从 而 不 需要 再 使 用 JavaScript 脚本 来 
验证 用 户 输入 内 容 的 有 效 性 。 

数字 输入 框 示例 代码 如 下 ,在 Chrome 浏览 器 中 的 外 观 如 图 2-15( 左 ) 所 示 。 


< input type = "number" min = "1960" max = "1990" step= "1" value= "1980" /> 


相对 于 普通 文本 框 ,数字 文本 框 会 检验 输入 的 内 容 是 否 为 数字 ,并 且 可 以 设置 数字 的 最 
小 值 (min)、 最 大 值 (max) 和 步 进 值 (step)。 当 单 击 数 字 输 入 框 右 侧 的 上 下 箭头 时 ,就 会 北 
增 或 递减 当前 值 。 

范围 滑动 条 的 示例 代码 如 下 ,在 Chrome 浏览 器 中 的 外 观 如 图 2-15( 中 ) 所 示 。 


0< input type= "range" min= "0" max= "20" value = "10" /> 20 


搜索 输入 框 专门 用 于 关键 字 查 询 ,该 类 型 输入 框 和 普通 文本 框 在 功能 和 外 观 上 没有 太 
大 区 别 , 唯 一 区 别 是 , 当 用 户 在 输入 框 中 填写 内 容 时 ,输入 框 右 侧 将 会 出 现 “X ”按钮 , 单 击 该 
按钮 ,就 会 清空 给 入 框 中 内 容 。 示 例 代码 如 下 ,运行 结果 如 图 2-15( 右 ) 所 示 。 

< input name = "keyword" type = "search" /> 


lss0 到 0 目 20 
图 2-15 数字 输入 框 ( 左 ) .范围 滑动 条 (中 ) 和 搜索 输入 框 ( 右 ) 的 效果 
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日 期 选择 框 将 弹出 一 个 日 历 界面 供用 户 选择 某 一 天 ,示例 代码 如 下 。 


< input name = "birth" type = "date" value= "2013—06—10" /> 


可 见 , 日 期 选择 框 能 够 弹出 日 期 界面 供用 户 选 择 , 如 果 对 其 设置 value 属性 , 则 会 显示 
该 属性 中 的 值 作为 默认 日 期 。type 属性 除了 date 外 ,将 type 属性 设置 为 time、month、 
week ,datetime ,datetime-local 均 表 示 日 期 选择 框 , 只 不 过 此 时 能 选择 时 间 、 月 份 .星期 
等 值 。 

提示 : 如 果 浏 览 器 不 支持 这 些 HTML5 中 的 type 属性 值 , 则 会 取 type 属性 的 默认 值 
text, 从 而 将 input 元 素 解释 为 文本 框 。 


2. input 标记 新 增 的 公共 属性 


在 HTML5 中 ,input 标记 新 增 了 很 多 公共 属性 ,如 表 2-6 所 示 。 除 此 之 外 ,还 新 增 了 一 
些 特 有 属性 ,如 range 类 型 中 的 min ,max step 等 。 


表 2-6 input 标记 新 增 的 公共 属性 


属 性 HTML 代码 功能 说 明 
autofocus < input autofocus= "true"> 设置 元 素 自动 获得 焦点 
pattern < input pattern 一 "正则 表达 式 "> 使 用 正则 表达 式 验 证 input 元 素 的 内 容 
placeholder < input placeholder 二 "请 输入 "> 设置 文本 输入 框 中 的 默认 内 容 
required < input required 一 "true"> 是 否 检测 文本 输入 框 中 的 内 容 为 空 
novalidate < input novalidate= "true"> 是 否 验 证 文本 输入 框 中 的 内 容 
autocomplete < input autocomplete 一 "on"> 使 form 或 input 具有 自动 完成 功能 


<input > 标记 这 些 公共 属性 的 含义 如 下 。 

(1) autofocus 属性 : 当 input 元 素 具 有 autofocus 属性 时 ,会 使 页 面 加 载 完 成 后 ,该 元 
素 自 动 获得 焦点 ( 即 光标 位 于 该 输入 框 内 )。 

(2) pattern 属性 : 对 于 比较 复杂 的 规则 验证 ,如 验证 用 户 名 “是 否 以 字母 开头 ,包含 字 
符 或 数字 和 下 夯 线 ,长 度 在 6 一 8 之 间 ”。 则 需要 使 用 pattern 属性 设置 正则 表达 式 验 证 , 例 
如 : pattern 二 "*[a-zA-Z]\w(5,7) $ "。 

(3) placeholder 属性 : 该 属性 可 在 文本 框 中 放置 一 些 提示 文本 (以 灰色 显示 ) , 当 输 入 
文本 时 ,提示 文本 消失 。 示 例 代码 如 下 ,其 效果 类 似 于 图 2-10( 左 ) 。 


< input name = "keyword"” type = "search" placeholder = "请 输入 关键 字 " /> 


(4) required 属性 : 该 属性 用 来 验证 输入 框 的 内 容 是 否 为 空 , 如 果 为 空 ,在 表单 提交 时 ， 
会 显示 错误 提示 信息 。 

(5) novalidate 属性 : 该 属性 表示 提交 表单 时 不 验证 表单 或 输入 框 的 内 容 ,该 属性 适用 
于 :<form > 以 及 以 下 类 型 的 < input > 标记 : text、search、url、telephone、email、password、 
date pickers \range 以 及 color。 

(6) autocomplete 属性 : 该 属性 用 来 设置 表单 或 输入 框 是 否 具 有 自动 完成 功能 ,其 属性 
值 是 on 或 off。 开 启 自动 完成 功能 后 , 当 用 户 成 功 提交 一 次 表单 后 :以 后 每 次 再 提交 表单 
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时 ,都 会 在 输入 框 下 方 出 现 以 前 输入 过 的 内 容 供用 户 选择 。 
这 些 属性 的 功能 过 去 一 般 是 用 JavaScript 脚本 实现 ,而 用 HTML5 属性 实现 后 ,可 以 大 
大 减少 对 JavaScript 代码 的 使 用 。 


2.3.6 表单 数据 的 传递 过 程 
1. 表单 的 三 要 素 


一 个 最 简单 的 表单 必须 具有 以 下 三 部 分 内 容 : (D< form > 标记 ,没有 它 表 单 中 的 数据 不 
知道 提交 到 哪里 去 ,并 且 不 能 确定 这 个 表单 的 范围 ; @ 至 少 有 一 个 输入 域 ( 如 input 文本 域 
或 选择 框 等 ) ,这 样 才能 收集 到 用 户 的 信息 ,否则 没有 信息 提交 给 服务 器 ; 提交 按钮 ,没有 
它 表 单 中 的 信息 无 法 提交 (当然 ,如 果 使 用 Ajax 技术 提交 表单 ,表单 也 可 以 不 具有 第 四 项 和 
第 加 项 ,但 本 章 不 讨论 这 些 ) 。 


2. 表单 向 服务 器 提交 的 信息 内 容 


大 家 可 以 查看 百度 首页 中 表单 的 源 代 码 ,这 可 以 算是 一 个 最 简单 的 表单 了 , 它 的 源 代码 
如 下 ,可 以 看 到 它 具 有 上 述 的 表单 三 要 素 , 因 此 是 一 个 完整 的 表单 。 


< form name =f action=s> 
< input type = text name = wd id = kw size = 42 maxlength= 100> 
< input type = submit value = 百度 一 下 id= sb>…… 

</form> 


当 单 击 表单 的 “提交 ”按钮 后 ,表单 将 向 服务 器 发 送 表单 | 
中 填写 的 信息 ,发 送 形式 是 各 个 表单 元 素 的 “name= value 到 上 证 二 
& name= value & name 二 value…”。 下 面 以 图 2-16 中 的 "Tm 散步 四 唱歌 
表单 为 例 来 分 析 表 单 向 服务 器 提交 的 内 容 是 什么 (输入 的 密 PES, 
和 民 习 
码 是 123)。 I 
其 中 图 2-16 对 应 的 HTML 代码 如 下 ， 图 2-16 一 个 输入 了 数据 的 表单 


< form action = "login. php" method = "post"> 
<p> 用 户 名 :< input name = "user" id = "xm" type = "text" size="15" /> </p> 
<p> 密 码 : < input name = "pw" type = "password" size= "15" /></p> 
<p> 性 别 : 男 < input type = "radio" name = "sex" value= "1" /> 
女 < input type = "radio" name = "sex" value = "2" /></p> 
<p> 爱 好 :< input name = "favl" type = "checkbox" value = "1" /> 跳舞 
< input name = "fav2" type = "checkbox" value = "2" /> 散步 
< input name = "fav3" type = "checkbox" value = "3" /> 唱歌 </p> 
<p> 所 在 地 :< select name = "addr"> 
< option value = "1"> 长 沙 </option> 
< option value = "2"> 湘 潭 </option > 
< option value = "3"> 衡 阳 </option> 
</select > </p> 
<p> 个 性 签名 : <br/>< textarea name = "sign"></textarea> </p> 
<p>< input type = "submit" name = "Submit" value = "提交 " /> </p> 
</form> 
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分 析 : 表单 向 服务 器 提交 的 内 容 总 是 name/value 信息 对 ,对 于 文本 类 输入 框 来 说 ,一 般 无 


需 定 义 value 


属性 ,value 的 值 是 你 在 文本 框 中 输入 的 字符 。 如 果 事 先 定义 value 属性 ,那么 打 


开 网 页 它 就 会 显示 在 文本 框 中 。 对 于 选择 框 ( 单 选 框 ` 复 选 框 和 列表 菜单 ) 来 说 ,value 的 值 必 
须 事先 设 定 , 只 有 某 个 选项 被 选中 后 它 的 value 值 才 会 生效 。 因 此 上 例 提交 的 数据 是 : 


user = tang&pw = 123&sex = 1&fav2 = 2&fav3 = 3&addr = 3&sign = wo&Submit = 提交 


说 明 : 


(1) 如 果 表 单 只 有 一 个 提交 按钮 ,可 去 掉 它 的 name 属性 (如 name 二 "Submit") ,防止 提 
交 按 钮 的 name/value 属性 对 也 一 起 发 送 给 服务 器 ,因为 这 些 是 多 余 的 。 

(2) <form > 标记 的 name 属性 通常 是 为 JavaScript 调用 该 form 元 素 提供 方便 的 ,没有 
其 他 用 途 。 如 果 没 有 JavaScript 调用 该 form 则 可 省 略 name 属性 。 


习题 
1. HTML 中 最 大 的 标题 元 素 是 ( ”)。 
A. <head > B.< title > GC <ll> D. <h6 > 
2. 下 列 ( ) 元 素 不 能 够 相互 嵌 套 使 用 。 
A. 表格 B. 表单 form C. 列表 D. div 
3. 下 述 元 素 中 (  ) 都 是 表格 中 的 元 素 。 
A. <table>< head><th> B. <table>< tr><td> 
C. <table>< body >< tr> D. < table >< head >< footer > 
4. < title > 标记 中 应 该 放 在 ( ) 标 记 中 。 
A. <head> B. <table> C. <body> D. <div> 
5. 下 述 ( ”) 表 示 表 图 像 元 素 。 
A. <img > image. gif </img > B. <img href= "image. gif " /> 
C. <img src= "image. gif " /> D. <image src= "image. gif " /> 


6. 要 在 新 窗口 打开 一 个 链接 指向 的 网 页 需 用 到 ( 


)。 


A. href="_blank " B. name= "_blank " 

C. target="_blank " D. href="#blank " 
7. align 属性 的 可 取 值 不 包括 ( ds 

A. left B. center C. middle D. right 
8. 人 ) 表 示 表 单 控件 元 素 中 的 下 拉 框 元 素 。 

A. < select> B. < input type 一 ”list”> 

C. <list> D. < input type= ”options”> 


9. 表述 不 正确 的 是 ( 让 


A. 单行 文本 框 和 多 行文 本 框 都 是 用 相同 的 HTML 标记 创建 的 
B. 列表 框 和 下 拉 列 表 框 都 是 用 相同 的 HTML 标记 创建 的 
C. 单行 文本 框 和 密码 框 都 是 用 相同 的 HTML 标记 创建 的 
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D. 使 用 图 像 按 钮 < input type 一 "image"> 也 能 提交 表单 


10. colspan 是 标记 的 属性 ; cellpadding 是 标记 的 属性 ; target 
是 标记 或 标记 的 属性 ; < input > 标记 至 少 会 具有 属性 ; < img > 
标记 必须 具有 属性 ; 如 果 作 为 超 链接 ,<a > 标记 必须 具有 属性 。 


11. 下 面 的 表单 元 素 代码 都 有 错误 ,指出 它们 分 别 错 在 哪里 。 
© <input name= "country" value="Your country here." /> 
@ < checkbox name= "color" value= "teal" /> 
©®@ <input type="password" value="pwd" /> 
@ < textarea name= "essay" height="6" width="100"> Your story. </textarea > 
©® < select name= "popsicle"> 
< option value= "orange" />< option value= "grape" />< option value= "cherry" /> 
</select> 
12. 设 #titlefpadding: 6px 10px 4px}, 则 id 为 title 的 元 素 左 填充 是 
13. 如 果 要 使 下 面 代码 中 的 文字 变 红色 , 则 应 填 信 : < h2 > 课程 资源 </h2 >。 
14. 夯 出 下 面 的 表格 : 


<table width= "466" height = "127"> 
<tr><td></td>< td rowspan = "2"> </td></tr> 
<tr><td> </td></tr></table> 


15. 如 果 要 将 表单 内 容 以 POST 方式 发 送 给 rev. php 文件 , 则 < form > 标记 应 怎样 
设置 。 


PHP 基 础 | 


学 习 PHP 语言 的 基本 语法 是 进行 PHP 编程 开发 的 第 一 步 ,PHP 语言 的 语法 混合 了 
C Java 和 Perl 语言 的 特点 ,语法 非常 灵活 ,与 其 他 编程 语言 有 很 多 不 同 之 处 ,读者 如 果 学 习 
过 其 他 语言 ,可 通过 体会 PHP 与 其 他 语言 的 区 别 来 学 习 PHP。 

PHP 是 运行 在 服务 器 端的 ,而 HTML、CSS、JavaScript 都 是 运行 在 浏览 器 上 的 。 有 时 
也 把 针对 浏览 器 的 网 页 设计 称 为 Web 前 端 开发 ,而 把 开发 服务 器 端 程序 称 为 Web 后 台 
编程 。 


@.1 PHP 语言 基础 
A 


3.1.1 PHP 代码 的 基本 语法 
1. PHP 代码 的 组 成 


PHP 是 一 种 可 嵌入 到 HTML 中 的 脚本 语言 。 一 个 PHP 文件 代码 可 包含 如 下 三 部 分 
内 容 : 

(1) HTML 和 CSS。 

(2) 客户 端 脚本 (如 JavaScript) ,位 于 < script ></script > 之 间 。 

(3) 服务 器 端 脚 本 ,通常 位 于 “<?” 与 *? >” 之 间 。 

其 中 (1) 和 (2) 是 静态 网 页 也 具备 的 ,它们 都 是 通过 浏览 器 解释 执行 ,统称 为 客户 端 代 
码 。 因 此 ,也 可 以 认为 PHP 文件 由 两 部 分 组 成 , 即 客 户 端 代 码 和 服务 器 端 脚 本 。PHP 可 以 
通俗 地 认为 是 把 服务 器 端 脚本 放 在 “<?” 和 *? >” 之 间 。 

提示 :“<?” 和 “? >” 称 为 PHP 脚本 的 定 界 符 , 表 示 脚 本 的 开始 和 结束 。 这 是 因为 在 
PHP 文件 中 ,HTML 代码 和 PHP 程序 代码 混杂 在 一 起 ( 即 页 面 和 程序 没有 分 离 ), 必 须 使 
用 专门 的 定 界 符 对 PHP 代码 进行 区 分 。 

2. 简单 PHP 程序 示例 

(1) 3-1. php: 在 网 页 上 以 hl 标题 的 形式 输出 当前 日 期 和 时 间 。 

<hl> 


<? echo ' 现 在 是 '. date("Y 年 m 月 d 日 H:i:s");?> 
</hl > 
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在 该 程序 中 ,< hl > 和 </hl > 是 HTML 代码 ,<? … ? > 是 PHP 代码 。 其 中 ,echo 是 
PHP 的 输出 函数 ,“…” 表 示 这 是 一 个 字符 串 常 量 ,“. "是 字符 串 连 接 符 ,date() 是 时 间 日 期 函 
数 ,可 以 按 指定 的 格式 获取 当前 日 期 和 时 间 。 运 行程 序 会 在 浏览 器 上 以 一 级 标题 的 形式 输出 : 


现在 是 2013 年 03 月 18 日 16: 20: 55 
(2) 3-2. php: 在 网 页 上 输出 不 同 大 小 的 字体 ,代码 如 下 ,运行 结果 如 图 3-1 所 示 。 


<html >< body> 
<? echo '<p>PHP 代码 和 HTML 代码 可 相互 嵌 套 </p>'， 
for( $i=3;$i<7;$i+t+){ ?> 

<font size = "<? echo $ i;?>"> 第 <? echo $ i-2;?> 次 Hello World! 
</font ><br /> 


<? }?> 

</body> PHP 代 码 谍 入 

</html > 到 HTML 代 码 中 

在 3-2. php 中 ,使 用 for 循环 语句 循环 输出 HTML 代码 “< font …>…</font >< br />”。 


结构 上 ,这 条 HTML 代码 被 PHP 代码 包含 。$i 是 程序 中 定义 的 一 个 变量 ,PHP 规定 所 
有 变量 名 必须 以 “$ "开头 。 可 以 看 出 ,PHP 代码 可 以 位 于 HTML 代码 的 任意 位 置 ,如 标记 
外 : <? for( $i 二 3; $i<7; $i 十 十 ){ ?>、\<? }? >, 标 记 内 : <? echo $i-2; ? >, 其 至 是 标记 
的 属性 内 : <? echo $i; ?>。 从 结构 上 看 ,可 以 是 HTML 代码 中 包含 PHP 代码 ,也 可 以 是 
PHP 代码 中 包含 HTML 代码 。 实 际 上 ,PHP 代码 还 可 与 CSS 或 JavaScript 等 浏览 器 端 代 
码 互 相 骨 入 ,因为 PHP 解析 器 只 对 “<?” 和 *? >” 之 间 的 代码 进行 处 理 。 

注意 : PHP 代码 的 定 界 符 “<?” 和 “? >” 不 能 谋 套 。 如 果 遇 到 HTML 代码 (如 < font…) ,就 
必须 立即 用 “? >” 把 前 面 的 PHP 代码 结束 ,即使 这 段 
代码 并 不 完整 (但 其 中 每 行 语句 必须 是 完整 的 )。 

(3) 3-3. php: 用 PHP 程序 输出 HTML 代码 ， 
实现 与 3-2. php 同样 的 功能 。 

在 3-2. php 中 ,由 于 PHP 代码 和 HTML 代码 | 靶 各 os 
频繁 地 交替 出 现 , 以 致 经 常 需要 使 用 定 界 符 关闭 和 ”| 第 3 次 Hello World! 
开始 一 段 PHP 代码 ,而 如 果 把 HTML 代码 当成 字 | 第 4 次 Hello World! 引 
符 串 通过 PHP 程序 来 输出 , 则 可 避免 该 问题 。 代 码 
如 下 ,运行 结果 如 图 3-1 所 示 。 a 


于 http://localhost/php/2/eranpler 


文件 换 扣 查看 W) | 收成 W) 工 ” 于 
钴 十 四 吕 鸭 http: //1ocslhost/php/2/exanple/2. 12/ 可 
PHP 代 得 和 HTIL 代 码 可 相互 只 套 加 


< html >< body ><p> PHP 代码 和 HTML 代码 可 相互 嵌 套 </p> 
<? for($i=3;$i<7;$it+){ 
echo < font size='. $i. 第 '. ($i-2) .' 次 Hello World!</font ><br />'; 
}?> 
</body ></html > 


提示 : 使 用 PHP 程序 输出 HTML 代码 是 一 项 常用 技巧 。 A 如 果 PHP 代 
码 之 间 的 HTML 代码 很 短 , 则 使 用 PHP 程序 输出 这 些 HTML 代码 更 合适 ,而 如 果 PHP 
代码 之 间 的 HTML 代码 很 长 , 则 还 是 作为 外 部 HTML 代码 合适 些 。 ee 
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性 改善 ,并 减少 编写 时 出 错 的 概率 。 
(4) 3-4.php: 用 PHP 输出 JavaScript 代码 并 传递 变量 值 给 JavaScript 或 表单 。 
<? $strl= "Hello"; // 在 弹出 框 中 显示 
$ str2 = "start PHP"; // 在 文本 框 中 显示 
echo "< script >"; 
echo "alert('". $ strl."');"; // 在 JavaScript 中 使 用 $ strl 变量 
echo "</script >";?> 
< input type = "text" name = "tx" size= 20 value = "<? echo $ strl; ?>"> 
< input type = "button" value = " 单 击 " onclick = "tx. value = '<? echo $ str2; ?>'"> 


在 该 例 中 ,定义 了 两 个 变量 $ strl 和 $ str2 ,并 将 字符 串 赋值 给 这 两 个 变量 (PHP 中 没 
有 变量 声明 语句 ,变量 不 需要 声明 就 可 使 用 )。 因 为 JavaScript 代码 也 是 客户 端 代码 ,可 以 
使 用 PHP 将 JavaScript 代码 作为 字符 串 输出 。 如 果 在 输出 的 JavaScript 代码 或 表单 代码 
中 嵌入 了 PHP 变量 ,就 可 以 把 这 些 服务 器 端 变量 值 传递 到 客户 端 。 

运行 该 程序 ,会 在 弹出 警告 框 和 文本 框 中 显示 Hello, 当 单 击 按钮 后 ,文本 框 中 的 内 容 
会 变 为 start PHP。 


3. PHP 代码 的 4 种 风格 


PHP 代码 有 4 种 风格 , 即 XML 风格、 简短 风格 .脚本 风格 和 ASP 风格 。 使 用 任意 一 种 
都 可 以 将 PHP 代码 嵌入 到 HTML 中 去 。 

(1) XML 风格 。 

这 种 风格 的 PHP 定 界 符 是 “<? php” 和 “? >”(<? 和 php 之 间 不 能 有 空格 )。 例 如 : 


<hl><?php echo ' 现 在 是 '.date("Y 年 m 月 d 日 H:i:s");?></hl> 


(2) 简短 风格 

将 定 界 符 <? php 中 的 php 省 略 , 就 成 了 简短 风格 , 它 的 定 界 符 是 “<?” 和 “? >”。 要 使 用 
简短 风格 ,必须 保证 php. ini 文件 中 的 short_open_tag 二 On( 上 默认 是 开启 的 ), 本 书 中 的 
php 代码 都 采用 这 种 风格 。 

(3) 脚本 风格 。 

这 种 风格 将 PHP 代码 写 在 < script > 标记 对 中 ,例如 : 


<hl >< script language = 'php'> echo ' 现 在 是 '. date("m 月 d 日 ");</script></hl> 


(4) ASP 风格 。 
这 种 标记 风格 将 PHP 代码 写 在 “<%” 和 “%>” 中 ,我 们 不 推荐 使 用 ,并 且 默 认 是 不 能 使 
用 这 种 风格 的 ,因为 php. ini 文件 中 的 asp_tags 二 Off。 


4. PHP 代码 的 注释 


注释 即 代码 的 解释 和 说 明 ,程序 执行 时 ,注释 会 被 PHP 解析 器 忽略 ,因此 浏览 器 端 看 
不 到 PHP 代码 的 注释 。PHP 支持 3 种 风格 的 注释 。 
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(1) 单行 注释 (// 或 #)。 


<? echo 'PHP 动态 网 页 '; // 输 出 字符 串 
# 单 行 注释 用 # 号 也 可 以 


?> 


需要 注意 的 是 ,单行 注释 的 内 容 中 不 能 含有 “? >” 否 则 解释 器 会 认为 PHP 的 脚本 到 此 
结束 了 ,而 去 执行 “? >” 后 面 的 代码 。 例 如 : 


<hl ><? echo ' 这 样 会 出 错 的 '; 。 // 不 会 看 到 ?> 会 看 到 


?></hl > 


(2) 多 行 注释 (/ *… x /)。 
如 果 要 添加 大 段 的 注释 , 则 使 用 多 行 注 释 更 方便 ,但 多 行 注释 符 不 允许 榜 套 使 用 。 如 : 


<hl><? echo ' 这 样 不 会 出 错 '; /* 多 行 注释 的 内 容 不 会 被 输出 ?> * / 
?></hl > 


5. 编写 PHP 程序 的 注意 事项 


(1) PHP 是 一 种 区 分 大 小 写 的 语言 ,表现 在 : DPHP 中 的 变量 和 常量 名 是 区 分 大 小 写 
的 ; @PHP 中 的 类 名 和 方法 名 ,以 及 一 些 关键 字 ( 如 echo,for) 都 是 不 区 分 大 小 写 的 。 在 书 
写 时 ,建议 除了 常量 名 以 外 的 其 他 符号 都 小 写 。 

(2) PHP 代码 中 的 字符 均 为 半角 (英文 状态 下 ) 字 符 ,中文 或 全 角 字符 只 能 出 现在 字符 
串 常量 或 注释 中 。 
(3) 在 “<?” 和 “? >” 内 必须 是 一 行 或 多 行 完整 的 语句 ,如 <? for( $i==3; $i<7; 
$i 十 十 )?> 不 能 写成 <? for( $i=3; ?><? $i<7; $i 十 十 )? >。 

(4) 在 PHP 中 ,每 条 语句 以 “; ”号 结束 ,PHP 解析 器 只 要 看 到 “; ”号 就 认为 一 条 语句 
结束 了 。 因 此 ,可 以 将 多 条 PHP 语句 写 在 一 行内 ,也 可 以 将 一 条 语句 写成 多 行 。 


3.1.2 PHP 的 常量 和 变量 
1. 常量 


在 程序 运行 中 ,其 值 不 能 改变 的 量 称 为 常量 ,常量 通常 直接 书写 ,如 10、-3. 6、hello "都 
是 常量 , 除 此 之 外 ,还 可 以 用 一 个 标识 符 代表 一 个 常量 ,这 称 为 符号 常量 。 在 PHP 中 使 用 
define() 函数 来 定义 符号 常量 ,符号 常量 一 旦 定义 就 不 能 青 修改 其 值 。 另 外 ,使 用 defined() 
函数 可 以 判断 一 个 常量 是 否 已 被 定义 。 例 如 : 


<?define("PI", "3.1416"); // 定 义 符号 常量 PI, 并 且 区 分 大 小 写 
define("SITE", "网 页 设计 学 习 网 ", true); 。 // 定 义 符号 常量 SITE, 不 区 分 大 小 写 
echo (defined("PI")); // 如 果 已 被 定义 则 返回 "1" 


人 


在 PHP 中 ,还 预定 义 了 一 些 符 号 常量 ,如 表 3-1 所 示 ( 注 意 。” FILE _ 等 常量 左右 两 边 
是 双 下 面 线 ) ,这 些 符号 常量 可 直接 使 用 ,如 “echo FILE _; ”。 
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表 3-1 PHP 预定 义 的 符号 常量 


常 量 功 能 
_FILE 存储 当前 脚本 的 物理 路 径 及 文件 名 称 
_LINE_ 存储 该 常量 所 在 的 行 号 
_ FUNCTION 存储 该 常量 所 在 的 函数 名 称 
PHP_VERSION 存储 当前 PHP 的 版 本 号 
PHP_OS 存储 当前 服务 器 的 操作 系统 名 


2. 变量 


变量 是 指 程序 运行 过 程 中 其 值 可 以 变化 的 量 ,变量 包含 变量 名 、 变 量 值 和 变量 数据 类 型 
三 要 素 。PHP 的 变量 是 一 种 弱 类 型 变量 , 即 PHP 变量 无 特定 数据 类 型 ,不 需要 事先 声明 ， 
并 可 以 通过 赋值 将 其 初始 化 为 任何 数据 类 型 ,也 可 以 通过 赋值 随意 改变 变量 的 数据 类 型 。 
下 面 是 一 些 变 量 定 义 ( 声 明 ) 和 赋值 的 例子 : 


<? $ strl = "PHP 变量 1"; // 该 变量 为 字符 串 变量 

$ num=10+2*x9; // 该 变量 为 数值 型 变量 

$ _date="2013-9-8"; // 该 变量 为 字符 串 变 量 , PHP 无 日 期 型 数据 类 型 
$ bol = true; // 该 变量 为 布尔 型 变量 

$ num = "赋值 字符 串 '…， // 通 过 赋值 改变 变量 的 数据 类 型 

$strl= $num+ $ _date; 

var_ dump( $ num, $ _date, $ bol); // var_dump 函数 可 输出 变量 的 类 型 

?> 

说 明 : 


(1) PHP 变量 必须 以 “$ ”开头 ,区 分 大 小 写 。 

(2) 变量 使 用 前 不 需要 声明 ,PHP 中 也 没有 声明 变量 的 语句 。 

(3) 变量 名 不 能 以 数字 或 其 他 字符 开头 ,其 他 字符 包括 @,# 等 ; 例如 : $xm,$ _id， 
$ sfzh 都 是 合法 的 变量 名 ,而 $ -id, $ 57zhao, $ zh fen 都 是 非法 的 变量 名 。 变 量 名 长 度 应 
小 于 255 个 字符 ,不 能 使 用 系统 关键 字 作为 变量 名 。 


3.1.3 变量 的 作用 域 和 生存 期 
1. 变量 的 作用 域 


变量 的 作用 域 是 指 该 变量 在 程序 中 可 以 被 使 用 的 范围 。 对 于 PHP 变量 来 说 ,如 果 变 
量 是 定义 在 函数 内 部 的 , 则 只 有 这 个 函数 内 的 代码 才 可 以 使 用 该 变量 ,这 样 的 变量 称 为 局 
部 变量 ”。 如 果 变 量 是 定义 在 所 有 函数 外 的 变量 , 则 其 作用 域 是 整个 PHP 文件 , 减 去 用 户 
自 定义 的 函数 内 部 (注意 这 和 ASP 等 其 他 语言 是 不 同 的 ) , 称 为 “全 局 变量 ”。 例 如 : 


<? $a= "全 局 变量 <br>"; // 该 变量 为 全 局 变量 

function fun(){ 
echo $a; // 调 用 函数 也 不 会 输出 "全 局 变量 " 
$a= "局 部 变量 、"; // 该 变量 为 局 部 变量 
echo $a; 

} 

fun(); // 输 出 "局 部 变量 " 


echo $a; // 输 出 "全 局 变量 " 


?> 
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输出 结果 为 “局 部 变量 ,全 局 变量 ”*”。 可 见 函 数 内 不 能 访问 函数 外 定义 的 变量 。 
如 果 一 定 要 在 函数 内 部 引用 外 部 定义 的 全 局 变量 ,或 者 在 函数 外 部 引用 函数 内 部 定义 
的 局 部 变量 。 可 以 使 用 global 关键 字 。 示 例 代码 (global. php) 如 下 : 


= 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 ODA 
<? $a= "全 局 变量 、"; 
function fun(){ 
global $a; // 为 了 引用 函数 外 定义 的 变量 $ a 
echo $a; 
$a= "局 部 变量 、"; // 添 加 static 试 试 
echo $a; // 输 出 "局 部 变量 " 
} 
fun(); // 调 用 函数 将 输出 "全 局 变量 、 局 部 变量 、" 
echo $a; // 输 出 "局 部 变量 、" 


?> 


输出 结果 为 “全 局 变量 、 局 部 变量 、 局 部 变量 、”。 

提示 : 

(1) global 的 作用 并 不 是 将 变量 的 作用 域 设 置 为 全 局 ,而 是 起 传递 参数 的 作用 ; 在 函数 
外 部 声明 的 变量 ,如 果 想 在 函数 内 部 使 用 ,就 在 函数 内 用 global 来 声明 该 变量 。 

(2) 不 能 在 用 global 声明 变量 的 同时 给 变量 赋值 ,例如 global $a 一 "全 局 "是 错误 的 。 

(3) global 只 能 写 在 自 定义 函数 内 部 , 写 在 函数 外 部 没有 任何 用 途 。 

另外 ,使 用 $ GLOBALS[] 全 局 数组 也 能 实现 在 函数 内 部 引用 外 部 变量 ,例如 : 


<? $a= "全 局 变量 、"; 
function fun(){ 
echo $ GLOBALS[ 'a']; 
$a= "局 部 变量 、"; 


echo $a; // 输 出 "局 部 变量 " 

} 
fun(); // 调 用 函数 将 输出 "全 局 变量 、 局 部 变量 、" 
echo $a; // 输 出 "全 局 变量 " 


?> 


则 输出 结果 为 “全 局 变量 .局 部 变量 、 全 局 变量 *”。 可 见 $ GLOBALS[] 和 global 是 有 区 
别 的 , 它 只 能 在 函数 内 部 引用 外 部 变量 ,但 不 能 在 函数 外 部 引用 函数 内 部 定义 的 局 部 变量 。 


2. 变量 的 生存 期 


变量 的 生存 期 表示 该 变量 在 什么 时 间 范 围 内 存在 。 全 局 变量 的 生存 期 从 它 被 定义 那 一 
刻 起 到 整个 脚本 代码 执行 结束 为 止 ; 局 部 变量 的 生存 期 从 它 被 定义 开始 到 该 函数 运行 结束 
为 止 。 

可 见 , 一 般 的 局 部 变量 在 函数 调用 结束 后 ,其 存储 的 值 会 自动 被 清除 ,所 占 的 存储 空间 
也 会 被 释放 。 为 了 能 在 函数 调用 结束 后 仍 保留 局 部 变量 的 值 , 可 使 用 静态 变量 ,这样 当 再 次 
调用 函数 时 ,又 可 以 继续 使 用 上 次 调用 结束 后 的 值 。 静 态 变 量 使 用 static 关键 字 定义 。 
例如 : 
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<? function Test() { 


static Sw= 0; // 声 明 静 态 变 量 $w 
echo $ w; 
S$ wt+; } 

Test();Test() ;Test() ;Test() ;Test() ; 


?> 


程序 的 输出 结果 为 01234。 而 如 果 去 掉 程 序 中 的 static, 则 运行 结果 为 00000。 

提示 : 

(1) 静态 变量 仅 在 局 部 函数 域 中 存在 ,函数 外 部 不 能 引用 函数 内 部 的 静态 变量 。 例 如 
将 global. php 中 的 “$a 二 "局 部 变量 、";” 改 为 “static $a 二 "局 部 变量 、";”, 则 最 后 一 条 语 
和 句 将 输出 “全 局 变量 ”。 

(2) 对 静态 变量 赋值 时 不 能 将 表达 式 赋 给 静态 变量 。 如 “static $int 二 1 十 2;”“static 
$int= sqrt(9);” 都 是 错误 的 。 

表 3-2 对 三 种 类 型 的 变量 进行 了 总 结 。 

表 3-2 变量 根据 作用 域 和 生存 期 分 类 


类 型 说 明 
定义 在 所 有 函数 外 的 变量 ,其 作用 域 是 整个 PHP 文件 , 减 去 用 户 自 定义 的 函数 
全 局 变量 内 部 
局 部 变量 定义 在 函数 内 部 的 变量 ,只 有 这 个 函数 内 的 代码 才 可 以 使 用 该 变量 
静态 变量 局 部 变量 的 一 种 ,能 在 函数 调用 结束 后 仍 保留 变量 的 值 


3.1.4 可 变 变量 和 引用 赋值 
1, 可 变 变 量 


可 变 变量 是 一 种 特殊 的 变量 ,这 种 变量 的 名 称 不 是 预先 定义 的 ,而 是 动态 地 设置 和 使 
用 。 可 变 变量 一 般 是 使 用 一 个 变量 的 值 作为 男 一 个 变量 的 名 称 ,所 以 可 变 变 量 又 称 为 变量 
的 变量 。 可 变 变量 直观 上 看 就 是 在 变量 名 前 加 一 个 $ 。 例 如 : 


<2? Sa= 小 // 定 义 变量 $a 

$b = ' 一 个 变量 <br >'; // 定 义 变量 $b 

echo $ $a; // $ $a 就 是 一 个 可 变 变量 ,相当 于 $b 
$b = ' 变 化 后 '; 

echo $ $a; // 通 过 可 变 变 量 输 出 变量 $b 的 值 

Sa = 'c'; 

echo $ $a; // 相 当 于 输出 变量 $c 的 值 
?> 


输出 结果 是 “一 个 变量 < br > 变化 后 ”。 由 于 没有 给 $c 赋值 ,第 三 条 echo 语句 不 会 输 
出 任何 内 容 。 


2. 引用 赋值 
从 PHP 4.0 开始 ,提供 了 “引用 赋值 ”功能 。 即 新 变量 引用 原始 变量 的 地 址 ,修改 新 变 
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量 的 值 将 影响 原始 变量 ,反之 亦 然 。 引 用 赋值 使 得 不 同 的 变量 名 可 以 访问 同一 个 变量 内 容 。 
使 用 引用 赋值 的 方法 是 : 在 将 要 赋值 的 原始 变量 前 加 一 个 “&” 符 号 。 例 如 : 


<?$b=10; 

$a= ”hello // $a 赋值 为 hello 

$b=&$a; // 变 量 $b 引 用 $a 的 地 址 

echo $a; // 输 出 结果 为 hello 

$ b= "world "; // 修 改 $b 的 值 , $a 的 值 将 一 起 变化 
echo $a; // 输 出 结果 为 world 

$a= "cup"; // 修 改 $a 的 值 , $b 的 值 将 一 起 变化 
echo $b; // 输 出 结果 为 cup 


?> 


引用 赋值 的 原理 如 图 3-2 所 示 。 引 用 赋值 后 ,两 个 变量 指向 同一 个 地 址 单元 ,改变 任意 
一 个 变量 的 值 ( 即 地 址 中 的 内 容 ), 另 一 个 变量 值 也 会 随 之 改变 。 


执行 bb=&$a; 后 


地 址 传递 前 


变量 $a 一 | hello hello 


变量 a 


变量 $b = 10 变量 b 


图 3-2 引用 赋值 一 一 变量 地 址 传递 示意 图 
注意 : 只 有 已 经 命名 过 的 变量 才 可 以 引用 赋值 ,例如 下 面 的 用 法 是 错误 的 : 


$bar=&(25*5) 


3.1.5 运算 符 和 表达 式 


PHP 中 的 运算 符 包括 算术 运算 符 、 比 较 运 算 符 、. 逻辑 运 算 符 、 赋 值 运 算 符 、 连 接 运 算 符 
等 。 而 表达 式 就 是 由 常量 .变量 和 运算 符 组 成 的 ,符合 语法 要 求 的 式 子 。PHP 主要 有 5 种 
表达 式 , 即 : 数学 表达 式 ( 如 3 十 5* 7) ,字符 串 表达 式 ( 如 "abe". "gh") 赋值 表达 式 ( 如 $a 十 一 
$b) ,关系 表达 式 ( 如 =5) 和 逻辑 表达 式 ( 如 $al|1$b&&$c)。 


1. 算术 运算 符 


算术 运算 符 有 : 加 (十 ) \ 减 (一 ) 、 乘 (x )、 除 (/) 、 取 余 (%) 等 。 算术 运算 符 的 运算 结果 
是 一 个 算术 值 。 例 如 : $a 二 7/2 十 4 * 5 十 1, 结 果 是 24.5。$ b= 一 7%3, 结 果 是 一 1( 对 于 求 
余 运算 符 来 说 ,如 果 被 除数 是 负数 ,那么 取得 的 结果 也 是 负数 )。 如 果 对 10 求 余 可 得 到 一 个 
数 个 位 上 的 数字 。 

如 果 算 术 运 算 符 的 左右 两 边 有 一 操作 数 或 两 个 操作 数 都 不 是 数值 型 时 ,那么 会 将 操作 
数 先 转换 成 数值 型 ,再 执行 算术 运算 。 

例如 : $a 王 10 十 '20', 结 果 为 30。$a 王 '10' 十 '20', 结 果 为 30。$a 一 '10' 十 '2. 2ab8', 结 
果 为 12.2。$a 一 '10' 十 'ab2. 2' ,结果 为 10。$a 一 '10' 十 true, 结 果 为 11。 

字符 串 转换 为 数值 型 的 原则 是 : 从 字符 串 开 头 取出 整数 或 浮 点 数 , 如 果 开 头 不 是 数字 
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的 话 ,就 是 0。 布尔 型 的 True 会 转换 成 数值 1.False 转 成 数值 0。 
2. 连接 运算 符 


PHP 中 字符 串 连 接 运 算 符 只 有 一 个 , 即 “.”, 它 用 于 将 两 个 字符 串 连接 起 来 ,组 成 一 个 
新 字符 串 。 如 果 连 接 运 算 符 左右 两 边 任 一 操作 数 或 两 个 操作 数 都 不 是 字符 串 类 型 ,那么 会 
将 操作 数 先 转换 成 字符 串 ,再 执行 连接 操作 。 例 如 : 


$a= 'PHP'. 5; // $a 的 值 为 PHP5, 注意 数字 和 .之 间 要 用 空格 隔 开 
$ b= 'PHP'. '5'; // $b 的 值 为 PHP5 
$ c= "PHP". True; // $c 的 值 为 PHP1 
$d=5. 'PHP'; // $d 的 值 为 5PHP 


提示 : 如 果 “. ”的 左右 有 数字 ,注意 将 “.” 和 数字 用 空格 隔 开 。 
可 见 “. ”是 强制 连接 运算 符 , 不 管 左 右 两 边 是 什么 数据 类 型 ,都 会 执行 连接 运算 。 


3. 赋值 运算 符 


最 基本 的 赋值 运算 符 是 “二 ”, 它 用 于 对 变量 赋值 ,因此 它 的 左边 只 能 是 变量 ,而 不 能 是 
表达 式 。 例 如 ;$a 二 3 十 5, $b 二 $c 二 9 都 是 合法 的 。 此 外 ,PHP 还 支持 像 C 语言 那样 的 
赋值 运算 符 与 其 他 运算 符 的 缩写 形式 ,如 “十 = 二”. = 二“&& 二 “| 二 ”等 。 

如 $a 十 ==3 等 价 于 $a= $a 十 3,$ a. = 二 3 等 价 于 $a= $a.3。 


4. 比较 运算 符 


比较 运算 符 会 比较 其 左右 两 边 的 操作 数 ,如 果 比 较 结果 为 真 , 则 返回 True, 和 否则 返回 
False。PHP 中 的 比较 运算 符 有 是 否 相 等 (二 二)、 大 于 (二 )、 小 于 (二)、 大 于 或 等 于 (二 =) 
小 于 或 等 于 (去 =) 不 等 于 (1 一 或 和 >)、 恒 等 于 (一 一 一 ) 非 便 等 于 (1 一 一 )。 

其 中 人 恒 等 于 (= 三 王 ) 表 示 数 值 相等 并 且 数 据 类 型 也 相同 , 非 恒 等 于 (! 王 王 ) 表 示 数 值 


不 相等 或 者 数据 类 型 不 相等 。 

例如 , 若 $a 王 6,$b 王 3, 则 $a<$b 返 回 false,$a>$b 返 回 true,$a<>$b 返回 
true。$c 一 "PHP"<"php" ,返回 true。$c 一 "5" 一 一 5 返回 true, $c 一 "5" 一 一 一 5 返回 
false, $ c 一 1 一 一 true 返回 true, $ c 一 1! 一 一 true 返回 true。 

5. 逻辑 运算 符 


人 逻辑 运算 符 用 来 组 合 逻 辑 运算 的 结果 ,例如 对 两 个 布尔 值 或 两 个 比较 表达 式 进行 逻辑 
运算 ,再 返回 一 个 布尔 值 (true 或 false)。PHP 中 的 逻辑 运算 符 有 人 逻辑 非 (!1)、 人 逻辑 与 (&& 
或 and) .逻辑 或 (|| 或 or) 、 人 逻辑 异 或 (xor)。 

例如 : 15<<3 &&&& 日 ' 一 一 "b" 返 回 true,1(5 之 3 &&&& 中 ' 二 二 二"b") 返 回 false。 

逻辑 与 (&& 和 and) ,逻辑 或 (| | 和 or), 虽 然 含义 相同 ,但 它们 的 优先 级 却 不 同 。 
“&.&.” 的 优先 级 比 “and” 高 ,“| 1” 的 优先 级 比 *or” 高 。 例 如 ;$c 二 (1 or 2 and 0), 会 返回 
true。 因 为 or 和 and 优先 级 相同 , 则 按 自 右 至 左 的 执行 顺序 , 先 执行 2 and 0。 

而 $c 二 (1 || 2 and 0) ,会 先 执行 1 || 2, 再 执行 true and 0, 最 终 返 回 false。 

又 如 $c 二 false or 1, 返 回 false, $c 二 false || 1. 返回 true。 因 为 “= 二 ”的 优先 级 比 “or” 
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高 ,但 是 比 “|1” 低 。 
6. 加 1/ 减 1 运算 符 


加 1/ 减 1 运算 符 与 C 语 言 中 的 加 1/ 减 1 运算 符 相同 ,包括 前 加 (十 十 $a)、 后 加 ($a 十 十 )、 
前 减 (一 一 $a)\ 后 减 ($a 一 一 )4 种 形式 。 

前 加 操作 是 先 加 1, 再 赋值 ,后 加 操作 是 先 赋值 ,再 加 1。 例 如 : $a=6; $b 一 十 十 $a， 
则 执行 完 后 , $a=7, $b 二 7。$ a 二 6; 名 b= $a 十 十 ,执行 完 后 , $a 一 7,$b 一 6。 

前 减 操作 和 后 减 操作 的 规则 与 此 相同 。 


7. 条 件 运算 符 
条 件 运 算 符 是 一 个 三 元 运算 符 ,其 语法 如 下 : 
条 件 表达 式 ? 表达 式 1 : 表达 式 2 


如 果 条 件 表达 式 的 结果 为 true, 则 返回 表达 式 1 的 值 ,否则 返回 表达 式 2 的 值 。 
例如 下 面 的 表达 式 会 得 到 “Yes”。 


$c=10>2? "Yes" : "No" 
在 分 页 程序 中 , 常 通过 条 件 运 算 符 判断 要 显示 的 分 页 页 面 ,如 果 获 取 的 分 页 变量 page 
的 值 存在 , 则 显示 该 分 页 ,如 果 获 取 不 到 page 变量 值 , 则 显示 第 1 页 ,代码 如 下 : 


$ page= (isset( $ _GET[ 'page']))? $ _GET[ ‘page']:"1"; 
8. 执行 运算 符 


执行 运算 符 , 即 反 引 号 0) (键盘 上 的 反 引 号 键 在 数字 1 键 的 左边 )。 可 用 来 执行 Shell 
命令 。 在 PHP 脚本 中 ,将 外 部 程序 的 命令 行 放 入 反 引号 中 ,并 使 用 echo() 或 print() 丽 数 将 
其 显示 ,PHP 将 会 在 到 达 该 行 代码 时 启动 这 个 外 部 程序 ,并 将 其 输出 信息 返回 ,其 作用 效果 
与 shell_exec() 函 数 相 同 。 例 如 : 


<? $ output =~dir™; 


echo $ output; // 输 出 当前 目录 下 的 内 容 
echo shell exec( 'dir '); // 输 出 当前 目录 下 的 内 容 , 结果 同 上 
?> 


提示 : IIS 出 于 安全 性 考虑 ,禁止 使 用 执行 运算 符 , 执 行 运算 符 只 能 在 Apache 中 使 用 。 
3.1.6 PHP 的 字符 串 
1. 字符 串 类 型 


任何 由 字母 .数字 文字 ,符号 组 成 的 零 到 多 个 字符 的 序列 都 叫做 字符 串 。 在 Web 程序 
中 ,经 常 需要 对 字符 串 进 行 操 作 ,如 截取 标题 .连接 字符 串 常量 和 变量 等 。PHP 规定 字符 串 
的 前 后 必须 加 上 单 引号 (或 双 引号 (") ,例如 : "这 是 一 个 字符 串 "、 另 一 个 字符 串 '、5'、'ab'、 
"“( 空 字符 串 ) 都 是 合法 的 字符 串 。 但 单 双 引 号 不 能 混用 ,如 'day" 则 是 非法 的 。 
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如 果 字 符 串 中 出 现 单 引 号 () 或 双 引 号 (") , 则 需要 使 用 转 义 字符 (\ 或 \") 来 输出 ,例如 : 
echo 'I\'ma boy'; // 输 出 结果 为 I'm a boy 


2. 单 引 号 字符 串 和 双 引 号 字符 串 


单 引号 表示 包含 的 是 纯粹 的 字符 串 ; 而 双 引 号 中 可 以 包含 字符 串 和 变量 名 。 双 引号 中 
如 果 包 含 变量 名 则 会 被 当成 变量 ,会 自动 被 替换 成 变量 值 , 单 引 号 中 的 变量 名 则 不 会 被 当成 
变量 ,而 是 把 变量 名 当成 普通 字符 输出 。 例 如 : 

<? $a= 'tang'; 

$b=10; 

echo ' 你 好 $ a'; // 使 用 单 引号 输出 $a 

echo ‘<br>'; 

echo "你 好 $a"; // 使 用 双 引 号 输出 变量 

echo "你 是 第 $b 次 光临 "; // 使 用 双 引 号 输出 变量 ?> 


运行 结果 如 下 : 


你 好 $a 
你 好 tang 你 是 第 10 次 光临 


可 以 看 到 ,在 双 引 号 字符 串 中 ,$a 和 $b 被 解析 成 了 变量 $a 和 $b 的 值 。 因 此 建议 : 
如 果 要 书写 纯 字符 串 ,建议 用 单 引 号 字符 串 ; 如 果 要 对 字符 串 和 变量 进行 连接 操作 ,可 以 使 
用 双 引 号 字符 串 , 以 简化 写法 ,例如 : 


echo "你 是 第 $b 次 光临 "; // 注 意 $b 后 面 要 有 个 空格 
等 价 于 ， 


echo ' 你 是 第 '. $b .' 次 光临 '; 


注意 : 在 双 引 号 字符 串 中 ,如 果 变 量 名 后 有 其 他 字符 的 话 , 要 在 变量 名 后 加 空格 ,否则 
PHP 解析 器 会 认为 后 面 的 字符 也 是 变量 名 的 一 部 分 。 例 如 : 
$ sport = 'basket'; 


$ hobby = "I like play $ sportball."; // 包 含 变量 的 错误 方法 
echo $ hobby; 


则 PHP 解析 器 认为 双 引 号 中 的 变量 是 $ sportball, 而 $sportball 未 定义 , 视 为 值 为 空 ,因此 
会 输出 "I like play ."。 为 解决 这 个 问题 ,可 以 加 空格 ,或 用 大 括号 将 变量 名 包含 起 来 。 


$ hobby = "I like play { $ sport}ball. "; // 包 含 变 量 的 正确 方法 
$ hobby = "I like play $ sport ball."; // 包 含 变量 的 正确 方法 


双 引 号 比 单 引号 支持 更 多 类 的 转 义 字符 , 双 引 号 支持 的 转 义 字符 如 表 3-3 所 示 。 
表 3-3 双 引 号 支持 的 转 义 字符 及 含义 
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转 义 字符 合 区 转 义 字符 含义 转 义 字符 含义 


\n 换行 \t 跳 格 Tab \ 反 斜 杠 \ 


\r 回 车 双 引 号 \$ 显示 $ 符号 
例如 要 在 双 引 号 字符 串 中 输出 $ 符 号 ` 反 斜 枉 和 换行 符 , 代 码 如 下 : 
echo "变量 \$a= \\t\n"; // 输 出 结果 为 :变量 $a= \t'( 换 行 ) 
但 是 换行 符 会 被 浏览 器 当成 空格 忽略 ,只 有 在 网 页 源 代码 中 才能 看 到 换行 符 的 效果 。 
3. 界定 符 输出 字符 串 


在 PHP 中 ,除了 可 以 使 用 单 引号 或 双 引号 输出 字符 串 外 ,还 可 使 用 界定 符 输出 字符 串 
或 变量 ,例如 : 

<? $i = ' 显 示 该 行内 容 '; 

echo <<< STD 

双 引 号 "" 可 直接 输出 ,\ $ i 同样 可 以 被 输出 出 来 .<br> 

\$ 羡 的 内 容 为 : $i 

STD; 

?> 


输出 结果 为 : 


双 引 号 "" 可 直接 输出 , $ i 同样 可 以 被 输出 出 来 . 
$i 的 内 容 为 :显示 该 行内 容 


说 明 : 

(1) 程序 中 的 “STD" 是 自 定义 的 界定 符 , 也 可 以 使 用 任何 其 他 标识 符 ,只 要 首尾 界定 符 
相同 即 可 。 

(2) 开始 界定 符 前 面 必 须 有 三 个 左 尖 括号 *<<<”, 后 面 不 能 有 任何 空格 。 结 束 界定 符 
必须 单独 另 起 一 行 , 前 后 不 能 有 空格 或 任何 其 他 字符 (包括 注释 符 ) ,和 否则 都 会 引起 语法 
错误 。 

(3) 界定 符 和 双 引 号 唯一 的 区 别 是 界定 符 中 的 双 引 号 不 需要 转 义 就 能 显示 ,因此 ,如 果 
需要 处 理 大 量 的 内 容 , 同 时 又 不 希望 频繁 使 用 各 种 转 义 字符 , 则 使 用 界定 符 更 合适 。 


4. 获取 字符 串 中 的 字符 

在 PHP 中 ,可 以 通过 给 字符 串 变 量 加 下 标的 方式 获取 字符 串 中 的 字符 。 语 法 为 : 
字符 串 变量 [ index] 

其 中 ,index 指定 字符 的 位 置 ,0 表示 第 1 个 字符 ,1 表示 第 2 个 字符 ,以 此 类 推 。 例 如 : 
<?8$Si = 'Tong Mary'; 


echo $i[1] . $i[4]; // 输 出 结果 为 o&, 因为 空格 也 算 一 个 字符 


?> 
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5. 获取 字符 串 的 长 度 
使 用 strlen() 函 数 可 获取 字符 串 的 长 度 , 该 函数 的 参数 是 一 个 字符 串 ,例如 : 


<?echo strlen( ' 喜 欢 PHP! ') ;?> 


输出 的 结果 是 8, 这 是 因为 每 个 中 文字 符 占 2 字 节 ,加 上 后 面 4 个 英文 字符 总 共 占 8 字 
节 。 如 果 要 计算 中 文字 符 串 的 长 度 , 可 以 使 用 mb_strlen() 函 数 ,例如 ; 


<?echo mb_strlen( ' 喜 欢 PHP! ', "gb2312"); ?> 


则 返回 值 为 6, 将 字符 编码 设置 为 GBK 或 gb2312 即 可 获得 正确 的 中 文字 符 串 长 度 。 
3.1.7 ”PHP 的 数据 类 型 和 类 型 转换 


数据 类 型 的 定义 是 一 个 值 的 集合 以 及 定义 在 这 个 值 集 上 的 一 组 操作 。 定 义 变量 的 数据 
类 型 就 定义 了 变量 的 存储 方式 和 操作 方法 。PHP 中 的 数据 类 型 如 表 3-4 所 示 。 


表 3-4 PHP 中 的 数据 类 型 


数据 类 型 具体 描述 
整 型 (integem) 即 整数 , 占 4 字 节 (32 位 ), 取 值 范 围 从 一 2 147 483 648 到 2 147 483 647 之 间 ,可 
以 采用 十 进 制 . 八 进 制 (0 作 前 缀 ) .十 六 进 制 (0x 作 前 级 ) 表 示 
浮 点 型 (float) 即 实数 (包含 小 数 的 数 ) ,如 1. 0、3. 14 
布尔 型 (boolean) 只 有 true( 逻 辑 真 ) 和 false( 逻 辑 假 ) 两 种 取 值 
字符 串 (string) 是 一 个 字符 的 序列 。 组 织 字符 串 的 字符 可 以 是 字母 ,数字 或 者 符号 
数组 (array) 由 一 组 相同 数据 类 型 的 元 素 组 成 的 数据 结构 ,每 个 元 素 都 有 唯一 的 编号 
对 象 (object) 是 面向 对 象 语言 中 的 一 种 复合 数据 类 型 ,对 象 就 是 类 的 一 个 实例 
NE 空 类 型 ,只 有 一 个 值 NULL。 如 果 变 量 未 被 赋值 ,或 被 unset() 函数 处 理 后 的 变 


量 , 其 值 就 是 NULL 


资源 (resource) 


资源 是 PHP 特有 的 一 种 特殊 数据 类 型 ,用 于 表示 一 个 PHP 的 外 部 资源 ,例如 一 
个 数据 库 的 访问 操作 ,或 者 打开 、 保 存 文件 等 操作 。PHP 提供 了 一 些 特定 的 函 
数 ,用 于 建立 和 使 用 资源 。 


伪 类 型 


只 用 于 函数 定义 中 ,表示 一 个 参数 可 接受 多 种 类 型 的 数据 ,还 可 以 接受 别 的 函数 
作为 回调 函数 使 用 


数据 类 型 的 使 用 往往 和 变量 的 定义 联系 在 一 起 。 虽 然 PHP 定义 变量 不 需要 指定 数据 
类 型 ,但 它 会 根据 对 变量 所 赋 的 值 自动 确定 变量 的 数据 类 型 。PHP 中 数据 类 型 的 转换 有 几 


种 情况 。 


1. 自动 类 型 转换 
(1) 如 果 将 不 同 数据 类 型 的 值 赋 给 同一 个 变量 , 则 变量 的 数据 类 型 会 自动 转换 ,例如 : 


$a= "Hello"; 


$a=12; 


则 变量 $a 的 数据 类 型 就 会 由 字符 串 型 转换 成 整 型 。 
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(2) 如 果 不 同 数据 类 型 的 变量 进行 运算 操作 , 则 将 选用 占 字 节 最 多 的 一 个 运算 数 的 数 
据 类 型 作为 运算 结果 的 数据 类 型 。 例 如 : 

$a=1+3.14; 

$b=2+"2.0"; 

$c=3+"php"; 

var_dump( $a, $b, $c); // 输 出 float(4.14) float(4) int(3) 
则 $a 的 数据 类 型 为 浮 点 型 。 在 第 2 个 赋值 表达 式 中 ,首先 将 字符 串 数据 "2.0" 转 换 成 浮 点 
型 数据 2.0, 然 后 进行 加 法 运算 ,赋值 后 $b 的 数据 类 型 为 浮 点 型 。 在 第 3 个 表示 式 中 ,首先 
将 字符 串 数据 转换 成 整 型 数据 0, 然 后 进行 加 法 运算 ,赋值 后 $c 的 数据 类 型 为 整 型 。 


2. 强制 数据 类 型 转换 
利用 强制 类 型 转换 可 以 将 数据 类 型 转换 为 指定 的 数据 类 型 。 其 语法 如 下 : 
(类 型 名 ) (变量 或 表达 式 ) 


其 中 类 型 名 包括 int\bool float .double real string ,array、\object, 类 型 名 两 边 的 括号 一 定 不 
能 丢 。 例 如 


$a="2.0"; $b= (int) $a; 
$ c= (array) $ a; Print r( $c); 


则 $b 将 转换 成 整 型 。$c 将 转换 为 数组 类 型 (Array([0] 一 > 2. 0)。 
虽然 强制 数据 类 型 转换 使 用 起 来 很 方便 ,但 也 存在 一 些 问题 ,例如 字符 型 数据 转换 成 整 
型 数据 该 如 何 转 换 , 整 型 数据 转换 成 布尔 型 数据 该 如 何 转 换 , 这 些 都 需要 一 些 明确 的 规定 ， 
PHP 为 此 提供 了 相关 的 转换 规定 ,如 表 3-5 所 示 。 
表 3-5 PHP 类 型 转换 的 规定 


源 类 型 目的 类 型 转换 规则 
float integer 保留 整数 部 分 ,小 数 部 分 无 条 件 舍 去 
Boolean integer 或 float false 转换 成 0,true 转换 成 1 
Boolean string false 转换 成 空 字符 串 "" ,true 转换 成 字符 串 "1" 
本 st 从 字符 串 开 头 取 出 整数 ,开头 没有 的 话 , 就 是 0。 例 如 字符 
串 "3M"、"8. 6uc"、"x5" 会 转换 成 整数 3、8、0 
i et 从 字符 串 开头 取出 浮 点 数 , 开 头 没有 的 话 , 就 是 0.0。 例 如 字 
Te 符 串 "3M"、"8. 6uc"、"x5" 会 转换 成 整数 3.0、8. 6、0.0 
i Wallt 空 字符 串 "" 或 字符 串 "0" 转 换 成 false, 其 他 都 转换 成 true, 因 
li 此 字符 串 "false" 也 会 转换 成 true。 
integer float Boolean 0 转换 成 false, 非 0 的 数 都 转换 成 true 
> 将 所 有 数字 转换 成 字符 串 , 如 12 转换 成 "12",3. 14 转换 成 
integer float string pp 
integer float Boolean 创建 一 个 新 的 数组 ,第 一 个 元 素 就 是 该 整数 、 浮 点 数 、 布 尔 值 


array 


string 或 字符 串 
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续 表 
源 类 型 目的 类 型 转换 规则 
i i 字符 串 "Array" 
object Boolean 没有 成 员 的 对 象 转换 成 false, 否 则 会 转换 成 true 


提示 : 如 果 用 echo 函数 输出 布尔 值 : echo true, 会 输出 字符 串 "1"; echo false; 会 输出 
空 字 符 串 。 因 为 任何 数据 类 型 输出 时 都 将 被 转换 成 字符 串 。 


B.2 PHP 的 语句 


wd 
PHP 的 语句 可 分 为 条 件 控 制 语句 、 循 环 控制 语句 及 包含 语句 ,其 语法 类 似 于 C 语言 。 
3.2.1 条 件 控制 语句 
在 PHP 中 ,有 让 请 句 和 switch 两 种 条 件 语句 。if 语句 又 可 分 为 单 分 支 选择 if 请 句 、 双 
分 支 选择 [语句 和 多 分 支 选 择 if 请 句 三 种 。 
1. 单 分 支 选择 if 语句 
一 般 形式 为 : 


if( 条 件 表达 式 ) { 
语句 块 } 


它 表 示 当 条 件 表达 式 成 立时 ( 值 为 true) ,执行 “语句 块 "。 例 如 : 
if( $ sex==1) echo "尊敬 的 先生 "; 


如 果 请 句 块 中 包含 多 条 请 句 , 则 要 使 用 {} 将 这 些 语句 包含 起 来 ,使 它们 构成 一 条 复合 语 


句 。 例 如 : 
if( $a>$b){ 
$ temp= $a; 
$a= $b; 
$b= $ temp;} 


2. 双 分 支 选择 if…else 语句 
一 般 形式 为 : 
证 (条 件 表达 式 ) 
{ 语句 块 1} 
else 


{ 语句 块 2 } 
表示 当 条 件 表达 式 值 为 true 时 ,执行 “语句 块 1”, 否 则 执行 “语句 块 2”。 例 如 : 
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该 语句 被 称 为 “开关 语句 ”。 即 如 果 $a 的 值 为 true 或 非 0, 则 让 $a 的 值 为 0, 否 则 让 
$a 的 值 为 1, 因 此 每 执行 一 次 都 会 使 $a 的 值 在 0 和 1 之 间 转 换 。if($a) 是 if($a=== 
true) 的 简写 形式 。 


if( $a) $a=0; else $a=1; 


3. 多 分 支 选择 if…elseif…else 语句 
一 般 形式 为 ， 


证 (表达 式 1) 语句 块 1 
elseif( 表 达 式 2) 语句 块 2 
elseif( 表 达 式 3) 。 语句 块 3 


else 语句 块 n 


它 会 首先 判断 表达 式 1 是 否 成 立 , 如 果 成 立 , 则 执行 语句 块 1, 执 行 完 后 ,直接 退出 该 选 
择 结构 ,不 再 判断 后 面 的 表达 式 是 否 成 立 。 如 果 表 达 式 1 不 成 立 , 则 再 依次 判断 表达 式 2 到 
表达 式 n 是 否 成 立 , 如 果 成 立 , 则 执行 对 应 的 语句 块 i, 如果 所 有 表达 式 都 不 成 立 , 则 执行 
else 后 的 语句 块 n。 例 如 要 找 出 3 个 数 中 的 最 大 数 ,程序 如 下 : 


if( $a<$b) $max= $b; 
elseif( $a<$c) $mx= $c; 


else $max= $a; 


说 明 : 

(1) 让 请 句 还 可 以 嵌 套 使 用 ,也 就 是 说 “语句 块 " 中 还 可 以 使 用 让 请 句 。 

(2) if( 条 件 表达 式 ) 后 一 般 没 有 “; "号, 如果 有 “; ”, 表 示 让 请 句 的 语句 块 为 空 语句 。 

(3) 请 句 块 如 果 是 一 条 语句 则 后 面 一 定 要 有 “; ”, 如 果 请 句 块 是 由 {} 包 含 的 复合 请 句 ， 
则 {} 后 不 要 有 “; ”。 


4. switch/case 语句 


switch 请 句 是 多 分 支 选择 证 语句 的 另 一 种 形式 ,两 者 可 互相 转换 。 在 要 判断 的 条 件 有 
很 多 种 可 能 的 情况 下 ,使 用 switch 语句 将 使 多 分 支 选择 结构 更 加 清晰 。 一 般 形式 为 : 
switch( 变 量 或 算术 表达 式 ){ 


case( 常 量 1) :语句 块 1 
case( 常 量 2) :语句 块 2 


case( 常 量 n) :语句 块 n 
default: 语句 块 n+1 


) 


下 面 的 程序 根据 时 间 显示 不 同 的 问候 信息 (3-5. php) 。 
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<? $a =date(G); // 获 取 当 前 时 间 的 小 时 数 
$a= floor( $a/3); // 将 小 时 数 除 以 4 并 取 底 


switch ( $a){ 
case 2:echo "早上 好 ";break; 
case 3:echo "上 午 好 ";break; 
case 4:case 5: echo "下 午 好 ";break; 
case 6:echo "晚上 好 " ;break; 
default: echo "该 睡觉 了 ";break; 
9 


说 明 : 

(1) case 语句 后 不 能 接 表 示范 围 的 条 件 表达 式 , 只 能 接 常 量 。 

(2) 各 个 case 中 的 常量 必须 不 相同 ,如 果 相 同 , 则 满足 条 件 时 只 会 执行 前 面 case 请 句 
中 的 内 容 。 

(3) 多 个 case 可 共用 一 组 语句 ,此 时 必须 写成 “case 4: case 5: ”的 形式 ,不 能 写成 “case 
ds53” 

(4) 每 个 case 后 一 般 都 要 有 一 条 break 语句 ,这 样 执行 完 该 case 语句 后 就 会 跳出 分 支 

人 否则 ， 执行 完 庄 case 语句 后 还 会 依次 执行 下 面 的 case 语句 ,直到 遇 到 break 或 执 


装 牙 


a 


(5) 各 个 case 和 default 语句 的 出 现 顺 序 可 随意 变动 。 


3.2.2 循环 控制 语句 


循环 结构 通常 用 于 重复 执行 一 组 语句 ,直到 满足 循环 结束 条 件 时 才 停止 。 在 PHP 中 ， 
主要 有 4 种 循环 语句 , 即 for 循环 foreach 循环 、while 循环 和 do…while 循环 。 


1. for 循环 


for 循环 语句 是 不 断 地 执行 循环 体 中 语句 ,直到 相应 条 件 不 满足 ,并 且 在 每 次 循环 后 
理 计数 器 。for 语句 的 一 般 形式 为 : 


for (初始 表达 式 ; 循环 条 件 表达 式 ; 计数 器 表达 式 ) 
{ 循环 体 语句 块 } 


其 执行 过 程 为 : 执行 初始 表达 式 ( 通 常 是 给 循环 变量 赋 初 值 ); @ 判 断 循 环 条 件 表达 
式 是 否 成 立 , 若 成 立 , 则 执行 循环 体 ,否则 跳出 循环 ; 加 执行 一 遍 循环 体 请 句 块 ; @ 执 行 计 
数 器 表达 式 ( 通 常 是 给 循环 变量 计数 ); @ 转 到 第 @ 步 判断 是 否 继续 循环 。 

循环 可 以 嵌 套 ,例如 要 用 for 循环 画 金 字 塔 ,有 下 面 两 种 写法 。 

@ 写法 1(3-6. php) 

<divalign= "center"> 

<? 

for( $i=0; $i<5; $itt+){ 

for( $j=0; $j<= $i; $j+t+) 
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ee 
echo "<br/>"; 


} 


?></div> 


@ 写法 2(3-7. php) 

<div align = "center"> 

<? 

for($i=0; $i<5; $i++){ 
$a= $a."% "; 
echo $a."<br/>"; 


i 


> 
</div> 


提示 : 在 对 矩阵 进行 操作 时 ,通常 需要 双重 循环 底 套 。 

2. foreach 循环 

foreach 语句 通常 用 来 对 数组 或 对 象 中 的 元 素 进行 遍历 操作 ,例如 数组 中 的 元 素 个 数 未 
知 , 则 很 适合 使 用 foreach 语句 。 其 一 般 形 式 为 : 


foreach (数组 名 as $ value) 或 者 foreach (数组 名 as $ key=>$ value) 
{ 循环 体 语句 块 } { 循环 体 语句 块 } 


foreach 语句 遍历 数组 时 首先 指向 数组 中 第 一 个 元 素 。 每 次 循环 时 ,将 当前 数组 元 素 
值 赋 给 $ value, 将 当前 数组 索引 值 赋 给 $key, 再 让 数组 指针 向 后 移动 直到 遍历 结束 。 
例如 : 


<? //3- 8.php 
$ sports =array(“" 网 球 ", "游泳 ", "短跑 ", "柔道 "); // 定 义 并 初始 化 一 个 数组 
echo "我 校 开 展 的 运动 项 目 有 :< br />"; 
foreach( $ sports as $ key =>$ value) 
echo $key.":". $value. " "; ?> 


输出 结果 为 : 

我 校 开 展 的 运动 项 目 有 : 

0: 网 球 1 :游泳 2: 短 跑 3: 柔 道 
3. while 循环 


while 语句 是 前 测 式 循 环 , 即 是 否 终止 循环 的 条 件 判断 是 在 执行 循环 体 之 前 ,因此 循环 
体 可 能 一 次 都 不 会 执行 。 其 一 般 形式 为 : 


while (条 件 表达 式 ) { 
循环 体 语句 块 } 
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例如 ,要 输出 一 个 有 三 行 的 html 表格 ,可 用 下 面 的 程序 , 它 的 运行 结果 如 图 3-3 所 示 。 


http: /1ocalhost/ Phi 


Er 


< table border = "1" width= "300" align = "center"> 


<?$i=0; 趾 丁 加 | 赚 http://1ocahoswn 到 
while( $ i<3){ 这 是 第 0 行 
echo "<tr>< td> 这 是 第 $i 行 </td></tr>"; // 输 出 表格 行 | 辽 是 第 / 行 I 
S$ it+; 辽 是 第 2 行 到 
?> </table> 图 3-3 while 语句 的 应 用 


4. do…while 循环 


do…while 语句 是 后 测 式 循环 , 它 将 条 件 判断 放 在 循环 之 后 ,这 就 保证 了 循环 体 中 的 语 
句 块 至 少 会 被 执行 一 次 ,在 某 些 时 候 这 是 非常 有 用 的 。 其 一 般 形式 为 : 


dof{ 
循环 体 语句 块 } 
while (条 件 表达 式 ); // 注 意 while (…) 后 有 ;号 


例如 下 面 的 程序 会 输出 段落 <p > 元 素 一 次 : 


<?$i=0; 

dof 
echo "<p> 不 满足 循环 条 件 ,仍然 会 输出 一 次 </p>"; 
站 34 人 


while( $i>1); ?> 
想 一 想 : 如 果 将 while( $i> 1) 改 成 while( $i>0) ,程序 会 循环 多 少 次 ? 
5，break 语句 


break 请 句 用 来 提前 终止 循环 , 它 可 以 出 现在 while .do… while for、foreach 和 switch 
语句 的 内 部 ,用 来 跳出 循环 语句 或 switch 语句 。 在 “ 穷 举 法 ” 解 题 时 ,通常 找到 解 后 就 用 
break 终止 循环 。 例 如 要 输出 一 个 字符 串 , 各 元 素 之 间 用 “, ”号 隔 开 ,最 后 一 个 元 素 后 没有 
“,” 号 ,代码 如 下 (break. php): 
<? $ sports = array(“" 网 球 ", "游泳 ", "短跑 ", "柔道 "); 
for ($i=0;$i<4;$it+){ 
echo $ sports[ $ i]; 
if( $i==3) break; 。 // 最 后 一 个 元 素 不 输出 ",", 换 成 continue 试 试 
echo ","; 
De 


输出 结果 为 : 
网 球 ,游泳 ,短跑 ,柔道 


提示 : 在 PHP 中 ,break 后 还 可 带 参 数 n, 表 示 跳 出 n 层 循环 ,如 “break 2;” 会 跳出 2 层 
循环 ,而 其 他 语言 的 break 语句 一 般 不 能 带 参 数 , 只 能 跳出 最 近 的 一 层 循环 。 
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到 http: /flocalhostfplpL 


ee 


6. continue 语句 


天正 加 | 图 :voiceaksvn 同 | 医 辐 
continue 语句 用 来 提前 结束 本 次 循环 , 即 不 再 执行 本 次 车 0 入 邯 1 柱 茹 2 部 
循环 中 continue 语句 后 的 语句 ,接着 再 执行 下 次 循环 ,因此 它 第 4 格 第 5 格 
不 会 提前 终止 循环 。 例 如 要 用 单个 循环 输出 一 个 三 行 三 列 的 四 
表格 ,代码 如 下 (3-9. php) ,运行 结果 如 图 3-4 所 示 。 图 3-4 _ continue 语句 的 应 用 


<table border = "1" width= "200" align = "center">< tr> 
<?$i=0; 
while( $ i<9){ 
echo "<td> 第 $i 格 </td>"; // 输 出 表格 的 单元 格 
Wt 
if( $i%3<>0|| $i==9) continue; 
echo "</tr><tr>"; 
i 
</tr></table> 


提示 : 如 果 正 好 是 最 后 一 次 循环 时 用 continue 语句 结束 本 次 循环 , 那 就 相当 于 提前 终 
止 循环 ,这 种 情况 下 continue 和 break 可 互 换 。 如 break. php 中 的 if( $i 二 二 3) break 可 换 
成 continue, 因 为 $i 二 3 时 正好 是 最 后 一 次 循环 。 


3.2.3 文件 包含 语句 


为 了 提高 代码 的 可 重用 性 ,通常 会 将 一 些 公用 的 代码 放 到 一 个 单独 的 文件 中 ,然后 在 需 
要 这 些 代码 的 文件 中 ,使 用 包含 语句 将 它们 引入 。PHP 提供 了 4 种 形式 的 包含 语句 。 

1. include 语句 

使 用 include() 语 句 可 以 在 指定 的 位 置 包含 一 个 文件 ,语法 如 下 : 

include(path/filename) // 括 号 可 省 略 

当 一 个 文件 被 包含 时 ,编译 器 会 将 该 文件 的 所 有 代码 嵌入 到 include 语句 所 在 的 位 置 。 


下 面 是 一 个 例子 ,文件 filel. php 和 file2. php 位 于 同一 目录 下 ,在 file2. php 中 使 用 include 
语句 将 filel. php 包含 到 其 中 来 。 
BB //filel.php 


$ name = 'tangsix'; 
$ age = 33; ?> 


<? //file2. php 
echo "我 的 名 字 是 $ name < br >"; 


includel( 'filel. php'); // 也 可 嵌入 file3. html 
echo "我 的 名 字 是 $ name ,我 今年 $ age 岁 ."; 
?> 


则 编译 器 在 执行 fle2. php 前 ,会 把 filel. php 的 代码 嵌入 到 file2. php 中 , 即 file2. php 等 
价 于 : 
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<? ” //file2.php 嵌入 filel.php 之 后 

echo "我 的 名 字 是 $ name <br>"; 

$ name = 'tangsix'; // 这 两 行 是 嵌入 的 filel. php 的 代码 
$ age = 33; 

echo "我 的 名 字 是 $ name ,我 今年 $age 岁 .";?> 


输出 结果 为 : 


我 的 名 字 是 
我 的 名 字 是 tangsix ,我 今年 33 岁 . 


include 语句 也 能 包含 html 文件 ,这 时 include 请 句 会 自动 使 用 *? >” 将 前 面 的 php 代 
码 结束 ,用 "<?” 开 始 后 面 的 php 代码 。 例 如 将 file2. php 文件 中 include( 'filel. php ') 换 成 
include( 'file3. html') 。file3. html 代码 如 下 : 


<! -- file3. html -一 > 
< center > &copy; 程序 员 实验 室 版 权 所 有 </center > 


则 file2. php 等 价 于 : 


<? //file2.php 嵌入 file3.html 之 后 

echo "我 的 名 字 是 $ name < br >";?> 

< center > &copy; 程序 员 实验 室 版 权 所 有 </center> 
<?echo "我 的 名 字 是 $ name ,我 今年 $age 岁 . "; 


?> 

提示 : 如 果 被 包含 文件 与 包含 文件 不 在 同一 目录 中 , 则 需要 在 被 包含 文件 文件 名 前 加 
路 径 。 有 三 个 特殊 的 路 径 :“../” 代 表 上 一 级 目录 ,“./” 代 表 当 前 目录 ,“/” 代 表 网 站 根 目录 
(不 是 虚拟 目录 )。 例 如 include('../file4. php'); 将 包含 位 于 当前 目录 上 一 级 目录 中 的 
file4. php。 

2. include_once 语句 

include_once 语句 与 include 语句 相似 ,也 是 用 于 包含 文件 。 唯 一 区 别 是 ,使 用 include_ 
once 包含 文件 时 ,如 果 该 文件 中 的 代码 已 被 包含 过 , 则 不 会 再 次 包含 。 这 样 可 以 避免 出 现 
函数 重 定义 、 变 量 重新 赋值 等 问题 。 

3. require 语句 

require 语句 也 是 用 于 包含 文件 ,但 与 include 语句 在 错误 处 理 上 的 方式 不 同 。 当 包含 
文件 失败 时 (如 包含 文件 不 存在 ),require 语句 会 出 现 致命 错误 ,并 终止 程序 的 执行 ,而 
include 请 句 只 会 抛 出 警告 信息 并 继续 执行 程序 。 

4. require_once 语句 


require_once 语句 与 require 语句 功能 相似 。 但 它 在 包含 文件 之 前 会 先 检查 当前 文件 
代码 是 否 被 包含 过 ,如 果 该 文件 已 经 被 包含 了 , 则 该 文件 会 被 忽略 ,不 会 被 再 次 包含 。 
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般 来 说 ,由 于 include 语句 在 出 错时 不 会 终止 程序 的 执行 ,并 显示 警告 信息 ,这 容易 产 
生 安全 问题 ,因此 建议 包含 PHP 程序 文件 时 尽量 使 用 require 或 require_once 语句 。 


@.3 数组 


数组 是 按 一 定 顺 序 排列 ,具有 某 种 数据 类 型 的 一 组 变量 的 集合 。 数 组 中 的 每 个 元 素 都 
是 一 个 变量 , 它 可 以 用 数组 名 和 唯一 的 索引 (又 称 " 下 标 ? 或 “ 键 名 ”) 来 标识 。 


3.3.1 数组 的 创建 
1. 使 用 array() 函 数 创建 数组 


PHP 的 数组 不 需要 定义 ,可 以 直接 创建 。 创 建 数组 一 般 使 用 array() 函 数 ,假设 要 创建 
一 个 包含 4 个 元 素 的 一 维 数组 ,简单 形式 是 : 


$citys=array( "长沙 ", "衡阳 ", "常德 ", "湘潭 "); 


则 该 数组 的 长 度 为 4。 各 个 数组 元 素 的 索引 值 分 别 为 : 0、1、2、3, 如 $citys[L1] 表 示 第 2 个 数 
组 元 素 。 
如 果 要 自行 给 每 个 元 素 的 索引 赋值 ,可 以 使 用 完整 形式 定义 : 


$citys=array('cs'=> 发 沙 ', 'hy'=>' 衡 阳 ', 'cd' =>' 常 德 ,'xt'=>' 湘 潭 '); 


可 见 , 完 整形 式 增加 了 对 数组 元 素 索 引 的 赋值 ,这 时 各 个 数组 元 素 的 索引 值 分 别 为 : 
cs、hy、cd、xt, 如 $citysLhyj] 表 示 第 2 个 数组 元 素 ( 注 意 此 时 不 能 再 使 用 $ citysL1] 访 问 该 数 
组 元 素 ) 。 


2. 直接 给 数组 元 素 赋值 创建 数组 
也 可 以 创建 一 个 空 数 组 ,然后 再 给 每 个 数组 元 素 赋值 。 例 如 : 


$ citys = array( ); // 该 句 可 省 略 

$citys[1] = "长 沙 "; $citys[3] = "常德 "; $citys[ ] = "湘潭 "; 
print r ($citys); // 打 印 数 组 

上 述 代 码 输出 结果 为 : 


Array ( [1] => 长 沙 [3] => 常德 [4] => 湘潭 ) 


可 见 ,如 果 给 数组 元 素 赋值 时 不 写 该 元 素 的 索引 值 , 则 该 数组 元 素 默认 的 索引 值 为 数组 
中 最 大 的 索引 值 加 1。 如 果 数 组 中 没有 正 整数 形式 的 索引 值 , 则 默认 的 索引 值 为 0。 

实际 上 创建 空 数 组 的 语句 也 可 省 略 ,那样 就 是 通过 直接 给 数组 元 素 赋值 创建 数组 了 ,但 
不 推荐 这 样 做 。 


3. 创建 数组 注意 事项 
(1) 如 果 数 组 元 素 的 索引 是 一 个 浮 点 数 , 则 下 标 将 被 强制 转换 为 整数 ,如 $ citys[3. 5] 
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将 转换 成 $citysL3]。 如 果 下 标 是 布尔 型 数据 , 则 将 被 强制 转换 成 1 或 0, 如 果 下 标 是 一 个 
整数 字符 串 , 则 将 被 强制 转换 成 整数 。 $ citys["3"] 将 转换 成 $ citys[3]。 

(2) 如 果 数 组 元 素 的 索引 是 字符 串 , 则 最 好 要 给 下 标 加 引号 ,如 $ citys 二 array('cs' 二 > 
长沙 ',…) 不 要 写成 $citys 二 array(cs 二 >' 长 沙 ',…)。$citys[L es 中 = 一 "长 沙 " 不 要 写成 
$citysLesj 二 "长 沙 "。 否 则 程序 的 运行 效率 将 大 打折 扣 。 

(3) 与 其 他 语言 相 比 ,PHP 数组 具有 如 下 特点 : 

中 数组 索引 既 可 以 是 整数 ,也 可 以 是 字符 串 。 如 果 索 引 值 是 整数 , 则 称 为 索引 数组 ,如 
果 索 引 值 是 字符 串 , 则 称 为 关联 数组 。 如 果 既 有 整数 又 有 字符 串 , 则 称 为 混合 数组 。 

@ 数组 长 度 可 以 自由 变化 。 

@ 同一 数组 中 各 元 素 的 数据 类 型 可 以 不 同 ,甚至 数组 元 素 可 以 又 是 数组 。 例 如 : 


$ hybrid = array( "长 沙 ",0731,truevarray(" 天 心 区 "," 雨 花 区 "," 芙 其 区 ")); 


输出 结果 为 : 


Array ( [0] => 长 沙 [1] =>473 [2] =>1[3] =>array([0] => 天 心 区 [1] => 雨 花 区 [2] => 英 
鞭 区 ) ) 


3.3.2 访问 数组 元 素 或 数组 
1. 访问 数组 元 素 


数组 元 素 也 是 变量 ,访问 单个 数组 元 素 最 简单 的 方法 就 是 通过 “数组 名 [索引 ]” 的 形式 
访问 。 例 如 ;$1i== $citys[3]、echo $citys[1]。 也 可 以 使 用 大 括号 访问 数组 元 素 , 例 如 : 
echo $ arr{3}。 

如 果 要 访问 所 有 数组 元 素 , 可 以 使 用 foreach 语句 遍历 数组 。 


2. 添加 \ 删 除 、 修 改 数组 元 素 


如 果 给 已 存在 的 数组 元 素 赋值 ,将 修改 这 个 数组 元 素 的 值 , 给 不 存在 的 数组 元 素 赋值 ， 
将 添加 新 的 数组 元 素 ,而 要 删除 数组 元 素 ,一 般 使 用 unset() 方 法 。 例 如 : 


< $arr = array(11,22,33,44); 


$ arr[0] = 66; // 修 改 数 组 元 素 
$arr[1]= 发 沙 '; // 修 改 数 组 元 素 
unset( $ arr[2]); // 删 除数 组 元 素 
$ arr[] =55; // 添 加 数组 元 素 
$ arr[5] = 88; // 添 加 数组 元 素 


print r ($arr); ?> 
运行 结果 为 : 
Array ( [0] => 66 [1] => 长 沙 [3] => 44 [4] =>55 [5] =>88) 


注意 删除 的 元 素 下 标 不 会 被 新 添加 的 数组 元 素 占用 。 
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3. 访问 数组 


数组 名 代表 整个 数组 ,将 数组 名 赋值 给 变量 能 够 复制 该 数组 ,数组 名 前 加 “&.” 表 示 该 数 
组 的 地 址 ,数组 同样 支持 传 值 赋值 和 传 地 址 赋值 。 例 如 : 


<? $citys=array( 长 沙 ', ' 衡 阳 ', ' 常 德 ', ‘湘潭 '); 


$ urban= $ citys; // 复 制 数组 ( 传 值 赋值 ) 
$ urban[1] = 娄底 '; // 修 改 新 数组 元 素 的 值 
print r ($citys); // 打 印 原 数 组 
print r ($ urban); // 打 印 新 数组 
// 下 面 为 传 地 址 赋值 
$ loc=&$ citys; // 引 用 复制 数组 ( 传 地 址 赋值 ) 
$ loc[1] = ' 郴 州 '; // 修 改 新 数组 元 素 的 值 
print r ($citys); // 打 印 原 数 组 
print r ($1o0c); // 打 印 新 数组 
?> 

输出 结果 为 : 


Array ( [0] => 长 沙 [1] => 衡 阳 [2] => 常德 [3] => 湘潭 ) 
Array ( [0] => 长 沙 [1] => 娄底 [2] => 常德 [3] => 湘潭 ) 
Array ( [0] => 长 沙 [1] => 郴州 [2] => 常德 [3] => 湘潭 ) 
Array ( [0] => 长 沙 [1] => 郴州 [2] => 常德 [3] => 湘潭 ) 


可 见 引 用 赋值 会 使 新 数组 和 原 数组 指向 同一 个 数组 的 存储 区 ,修改 新 数组 的 值 , 原 数组 
的 值 也 随 之 改变 。 
3.3.3 ”多维 数组 


创建 多 维 数组 同样 有 两 种 方法 ,一 是 使 用 array() 函数 ,二 是 直接 给 数组 元 素 赋值 。 例 
如 要 创建 一 个 如 下 的 二 维 数组 : 


" 政 瑰 " "百合 " "兰花 " 
"苹果 " " 香 菏 " "葡萄 " "龙眼 " 


使 用 array() 函 数 创建 的 代码 如 下 : 
$arr = array(array(" 玫 瑰 ", "百合 ", "兰花 "),array(" 苹 果 "," 香 药 ", "葡萄 ", "龙眼 ") ); 
由 于 这 个 语句 没有 给 索引 赋值 ,默认 的 索引 如 下 : 


[0][0] [oj[] [oJ[2] 
[1JL0] [1J[1] [1J[2] [1JL3] 


要 访问 二 维 数组 的 元 素 , 可 以 使 用 "数组 名 [索引 1] [索引 2j” 的 形式 访问 。 例 如 : 
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echo $arr[1][2]; // 访 问 数组 元 素 ,输出 葡萄 
$arr[0][3] = "茉莉 "; // 添 加 数组 元 素 
$arr[1][3] = "桂圆 "; // 修 改 数组 元 素 

unset( $arr[1][0]); // 删 除数 组 元 素 

输出 结果 为 : 


葡萄 Array ( [0] => array ( [0] => 玫瑰 [1] => 百合 [2] => 兰花 [3] => 茉莉 ) [1] => 
Array ( [1] => 香蕉 [2] => 葡萄 [3] => 桂圆 ) ) 
3.3.4 操作 数组 的 内 置 函 数 


PHP 提供 了 大 量 对 数组 操作 的 内 置 函 数 ,可 以 对 数组 进行 统计 、 快 速 创建 ,排序 等 
操作 。 


1. count() 函 数 


count() 函数 可 返回 数组 中 元 素 的 个 数 ,语法 格式 为 ; int count (array arr[，int 
modej])。 例 如 : 


<? $citys=array( 长 沙 ', ' 衡 阳 ', ' 常 德 ', ' 湘 潭 '); 


echo count( $ citys); // 输 出 4 
$arr = array(array(" 玫 瑰 ", "百合 ", "兰花 "),array(" 苹 果 "," 香 敬 ", "葡萄 ", "龙眼 ") ); 
echo count( $ arr); // 输 出 2 
echo count( $ arr, 1); // 输 出 9, 第 1 维 2 个 ,第 2 维 7 个 , 共 9 个 
?> 


说 明 : 如 果 数 组 是 多 维 数组 , 则 count() 函数 默认 也 是 统计 第 一 维 的 元 素 个 数 ,如果 要 
统计 多 维 数组 中 所 有 元 素 的 个 数 , 可 以 将 mode 参数 的 值 设 置 为 1。 


2. max() .min() .array_sum() 函 数 


max() 和 min() 函 数 可 分 别 返回 数组 中 最 大 值 元 素 和 最 小 值 元 素 。array_sum() 可 统 
计 所 有 元 素 值 的 和 。 例 如 : 


<? $ score = array(70, 80,92,60); 


echo max( $ score); // 输 出 92 
$ grade = array( 'A', 'C', 'D', 'B'); 

echo min( $ grade); // 输 出 A 
echo array_sum( $ score); // 输 出 302 
?> 


3. array_count_values() 函数 


该 函数 用 于 统计 数组 中 所 有 值 出 现 的 次 数 ,并 将 结果 返回 到 另 一 数组 中 。 例 如 : 
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<? $ level =array(2,1,3,1,2,3,2,4,3,1,4); 

$ tmp = array count values( $ level); 

print_r($ tmp); // 输 出 Array ( [2] =>3 [1] =>3[3] =>3[4] =>2) 
?> 


4. explode() 函 数 


explode() 函数 通过 切 分 一 个 具有 特定 格式 的 字符 串 而 形成 一 个 一 维 数组 ,数组 中 的 每 
个 元 素 就 是 一 个 子 串 。 语 法 为 : explode(separator，string[ ,limit]) 。 例 如 : 


<? $ str = 湖南 湖北 广东 河南 '; 

$arr= explode(" ", $ str); // 通 过 切 分 生成 数组 $ arr 
print r( $arr); 
ke 


输出 结果 为 : 
array ( [0] => 湖南 [1] => 湖北 [2] => 广 东 [3] => 河南 ) 
说 明 : 


(1) explode 的 分 隔 符 可 以 是 空格 等 一 切 字符 ,但 不 能 为 空 字符 串 ”""; 
(2) limit 参数 表示 所 返回 数组 元 素 的 最 大 个 数 。 


5. implode() 函数 


implode() 使 用 连接 符 将 数组 中 的 元 素 连 接 起 来 形成 一 个 字符 串 。 它 实现 了 与 explode() 
相反 的 功能 。 例 如 : 

<? $ grade = array( 'A', 'C', 'D', 'B'); 

$ link = implode(" -—", $ grade); 


echo $ link; // 输 出 A--C--D--B 
?> 


6. range() 函 数 


range() 函 数 可 以 快速 创建 一 个 从 参数 start 到 end 的 数字 数组 或 字符 数组 。 语 法 为 : 


array range(mixed start, mixed end)。 例 如 : 


<? $score= range(2,5); // 等 价 于 $ score = array(2,3,4,5); 

Print_r( $ score); // 输 出 array ( [0] =>2 [1] =>3[2] =>4[3] =>5) 
$ score = range( 'D', 'A'); // 等 价 于 $ score=array('D','C',，'B', 'A'); 

?> 

7. 排序 函数 


数组 排序 函数 如 表 3-6 所 示 。 其 中 ,sort 函数 按 元 素 “ 值 ”的 升序 对 数组 进行 排序 ,rsort() 
函数 按 元 素 “ 值 ”的 降序 对 数组 进行 排序 ; asort() 按 元 素 “ 值 ”的 升序 进行 排序 ,并 保持 元 素 
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“ 键 值 对 ”不 变 ,arsort() 按 元 素 “ 值 ”的 降序 进行 排序 ,并 保持 元 素 “ 键 值 对 ”不 变 ; ksort() 按 
照 索引 值 升序 进行 排列 ,并 保持 元 素 “ 键 值 对 ”不 变 ,krsort() 按 照 索 引 值 降序 进行 排列 ,并 


保持 元 素 “ 键 值 对 ”不 变 。 
表 3-6 数组 排序 函数 
函数 排序 依据 排序 规则 “ 键 值 对 ”是 否 改 变 
sort() 元 素 值 升序 是 
rsort() 元 素 值 降序 是 
asort() 元 素 值 升序 否 
arort() 元 素 值 降序 否 
ksort() 索引 值 升序 否 
krsort() 索引 值 降序 否 
natsort() 元 素 值 升序 否 
natcasesort() 元 素 值 升序 否 
shuffle() 元 素 值 随机 乱 序 是 


可 见 ,排序 函数 中 有 a 表示 association, 表示 排序 过 程 中 保持 “ 键 值 对 ”的 对 应 关系 不 
变 。r 表示 reverse, 表 示 按 降序 进行 排序 。k 表示 key, 表 示 按 照 数 组 元 素 的 “ 键 ? 进 行 排序 。 
示例 程序 如 下 : 


<? $pic=array('imgl2.gif', 'img10.gif', 'img2.,gif', 'imgl.gif', 'img01.gif'); 
sort( $ pic); // 将 sort 依次 换 成 asort, rsort,arsort 
Print r ( $ pic); 

?> 


输出 结果 依次 为 : 


Array ( [0] => img01.gif [1] => imgl.gif [2] => imgl0.gif [3] => ingl2.gif [4] => inmg2.gif ) 
Array ( [4] => img01.gif [3] => imgl.gif [1] => imgl0.gif [0] => imgl2.gif [2] => img2.gif ) 
Array ( [0] => img2.gif [1] => imgl2.gif [2] => imgl0.gif [3] => imgl.gif [4] => img01.gif ) 
Array ( [2] => img2.gif [0] => ingl2.gif [1] => imgl0.gif [3] => imgl.gif [4] => img01.gif ) 


natsort() 函数 是 用 “自然 排序 ”的 算法 对 数组 arr 元 素 的 值 进行 升序 排序 ,所 谓 自然 排 
序 是 指 小 数 总 排 在 大 数 前 ,如 img2. gif 将 排 在 imgl0. gif 之 前 。 


<? S$pic=array(1=>'imgl2.gif','c'=>'imgl0.gif', 'b'=>'img2.gif',0 =>'img01.gif'); 
ksort( $ pic); // 将 函数 依次 换 成 krsort, natsort 

Print rz ( $ pic); 

?> 


输出 结果 依次 为 : 


Array ( [0] => img01.gif [b] => img2.gif [c] => imgl0.gif [1] => imgl2.gif ) 
Array ( [1] => imgl2.gif [0] => img01.gif [c] => imgl0.gif [b] => img2.gif ) 
Array ( [0] => img01.gif [b] => img2.gif [c] => imgl0.gif [1] => imgl2.gif ) 


8. array_reverse() 函数 
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array_reverse() 函数 用 来 对 数组 元 素 进行 逆序 排列 ,返回 逆序 后 的 新 数组 。 例 如 


<? $color=array('a'=>'blue', 'red', 'green', 'red') 7 


$ result = array_reverse( $ color); 
print_r( $ result); // 返 回 array ( [0] => red [1] => green [2] => red [al => blue ) 


?> 


9. array_unique() 函数 


array_unique() 函 数 可 删除 数组 中 重复 的 元 素 , 返 回 没有 重复 值 的 新 数组 。 例 如 : 


<? $ color =array('a'=>'blue', 'red', 'b'=>'blue', 'green', 't'=>'red'); 
$ result = array_unique( $ color); 


print r( $ result); 
2 


10. 搜索 函数 


// 输 出 Array([a] => blue [0] => red [1] => green) 


搜索 函数 用 来 检查 数组 中 是 否 存 在 某 个 值 或 某 个 键 名 ,假设 示例 数组 为 $ color 一 array 
(a' 二 >'blue', 'red', 'green', 'red'), 则 各 搜索 函数 的 功能 如 表 3-7 所 示 。 


表 3-7 数组 搜索 函数 及 功能 


函数 功 能 示 例 
ge 
in array (mixed target, array et 个 值 , 返 De 
arr TUEe 号 alse 
检查 数组 中 是 否 存在 某 个 值 ,如 


array _ search (mixed target, 


array arr) 


果 存 在 则 返回 其 对 应 的 索引 值 ， 
否则 返回 false 


array_search( 'blue', $color), 返 
回 a 


array _ key _ exists (mixed key, 


array arr) 


检查 数组 中 是 否 存 在 指定 的 键 ， 
返回 true 或 false 


array_key_exists(3, $ color) , 返 
回 false 


array _ keys (array arr， mixed 


search) 


返回 数组 中 所 有 的 键 名 ,将 其 保 
存 到 一 个 新 数组 中 ; 

车 指定 了 search, 则 只 返回 该 值 
对 应 的 键 名 


array_keys( $color), 返 回 Array 
([0]=>a [1J]=>0 [2]=>1 [3] 
一 >2) 

array_keys( 中 color, 'red'), 返 回 
Array ( [0] =>0[1] =>2) 


array_values(array arr) 


返回 数组 中 所 有 的 值 ,将 其 保存 
到 一 个 新 数组 中 


array _ values ( $color ), 返回 
Array([0]=> blue [1]=> red [2] 
=> green [3]=> red ) 


提示 : 如 果 想 检查 数组 中 是 否 含有 某 个 键 名 ,可 以 用 array_search() 函 数 ,如 果 想 获取 
所 有 匹配 的 键 名 , 则 应 该 使 用 array_keys() 函 数 , 并 设置 search 参数 。 
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11. 数组 和 变量 间 的 转换 函数 


(1) list 〇 函数 。 
listO 〇 函数 可 以 用 数组 中 的 元 素 为 一 组 变量 赋值 ,从 而 通过 数组 得 到 一 组 变量 。 语 法 格式 为 : 


void list(varl, var2,°*, var n) = array arr 


list 要 求 数 组 arr 中 所 有 键 为 数字 ,并 要 求 数 字 键 从 0 开始 连续 递增 。 例 如 : 


<? $ str = ' 湖 南 湖北 广东 河南 '; 

$ arr= explode(" ", $ str); // $arr=array ([0] => 湖 南 [1] => 湖 北 [2] => 广 东 [3] = > 河南 ) 
list( $ sl, $ s2, $ s3) = $arr; //$ sl= ' 湖 南 ', $ s2= ' 湖 北 ', $ s3= ' 广 东 ' 

echo $ sl."<br>". $s2."<br>", $83."<br>"; ?> 


(2) extract() 函 数 。 

extract() 函 数 能 利用 一 个 数组 生成 一 组 变量 ,其 中 变量 名 为 数组 元 素 的 键 名 ,变量 值 为 
数组 元 素 的 值 。 如 果 生 成 的 变量 名 和 已 有 的 变量 名 冲突 , 则 可 使 用 其 第 2 个 参数 按 一 组 规 
则 来 处 理 。 

(3) compact() 函 数 。 

compact( ) 函 数 利用 一 组 变量 返回 一 个 数组 , 它 实现 了 和 extract() 函数 相反 的 功能 。 数 组 
元 素 的 键 名 为 变量 名 ,数组 元 素 的 值 为 变量 值 。extract() 函 数 和 compact() 函 数 的 示例 如 下 : 


<? $citys=array( "cs"=>" 长 沙 ", "hy" =>" 衡 阳 ",cd=>" 常 德 ",xt =>" 湘 潭 "); 


extract( $ citys); //$cs= 发 沙 ',$ hy= ' 衡 阳 ', $ cd= ' 常 德 ',$ xt = ' 湘 潭 ' 
echo $ xt; // 输 出 湘潭 

$ newcitys = compact('cs', 'cd', 'xt'); ”// 用 变量 组 成 数组 

print_r( $ newcitys); // 输 出 array([cs] => 长 沙 [cd] => 常 德 [xt] = > 湘潭 ) 

?> 

12. 数组 指针 函数 


每 一 个 PHP 数组 在 创建 之 后 都 会 建立 一 个 “当前 指针 ”(current) ,该 指针 默认 指向 数 
组 的 第 一 个 元 素 ; 通过 指针 函数 可 获取 指针 指向 的 元 素 值 或 键 名 ,也 可 移动 当前 指针 ,对 数 
组 进行 遍历 。 数 组 指针 函数 如 表 3-8 所 示 。 


表 3-8 数组 指针 函数 


函数 功 能 

current() 返回 当前 指针 所 指 元 素 的 “ 值 ” 

key() 返回 当前 指针 所 指 元 素 的 “ 键 名 ” 

next() 移动 指针 使 指针 指向 下 一 个 元 素 

prev() 移动 指针 使 指针 指向 上 一 个 元 素 

end() 使 指针 指向 最 后 一 个 元 素 , 并 返回 当前 指针 所 指 元 素 的 值 

reset() 使 指针 指向 第 一 个 元 素 , 并 返回 当前 指针 所 指 元 素 的 值 

adh 以 数组 形式 返回 当前 指针 所 指 的 元 素 ,该 数组 有 4 个 元 素 ,其 中 键 名 为 1 和 value 的 
元 素 值 为 当前 元 素 的 值 , 键 名 为 0 和 key 的 元 素 值 为 当前 元 素 的 键 名 
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<? $citys=array( "cs" =>" 长 沙 ","hy" =>" 衡 阳 ",cd=>" 常 德 ",xt =>" 湘 潭 ") 

echo key( $ citys).''.current( $ citys).''.next( $ citys).''.next( $ citys).<br>' 
echo prev( $ citys).''.end( $ citys).''.reset( $ citys). <br>'; 

print r (each( $ citys)). '<br>'; 

和 


输出 结果 为 : 
cs 长 沙 衡阳 常德 


衡阳 湘潭 长 沙 
Array ( [1] => 长 沙 [value] => 长 沙 [0] => cs [key] =>cs ) 


例 3.2 数组 的 遍历 
利用 nextO 〇 0 函数 和 循环 语句 可 以 遍历 数组 ,以 实现 和 foreach 语句 类 似 的 功能 。 例 如 : 


<? $citys=array( "cs" =>" 长 沙 ", "hy" =>" 衡 阳 ", "cd" =>" 常 德 ", "xt" =>0); 
reset( $ citys); 


do{ 
echo key( $ citys).' => '.current( $ citys);} 
while(next( $ citys)!== false); // 不 要 写成 while(next( $ citys)); 
?> 
输出 结果 为 : 


cs => 长 沙 hy => 衡阳 cd => 常德 xt =>0 


提示 : 上 例 中 do…while 语句 的 循环 条 件 不 要 简写 成 next( $citys), 因 为 若菜 个 数组 
元 素 的 值 为 空 或 0, 则 值 也 会 被 当成 false 处 理 , 导 致 遇 到 0 就 会 终止 循环 。 


@.4 PHP 的 内 置 函 数 


PHP 提供 了 大 量 的 内 置 函 数 ,用 于 方便 开发 者 对 字符 串 、 数 值 .日 期 ,数组 等 各 种 类 型 
的 数据 进行 处 理 。 内 置 函 数 无 须 定义 就 可 使 用 ,如 date() 函 数 就 是 PHP 的 一 个 内 置 函 数 。 


3.4.1 字符 串 相关 函 数 
在 PHP 程序 开发 中 对 字符 串 的 操作 非常 频繁 。 例 如 用 户 在 注册 时 输入 的 用 户 名 、 密 
码 以 及 用 户 留言 等 都 被 当 作 字 符 串 来 处 理 。 很 多 时 候 要 对 这 些 字符 串 进行 截取 、 过 滤 、 大 小 
写 转换 等 操作 ,这 时 就 需要 用 到 字符 串 处 理 函数 。 常 用 的 字符 串 处 理 函数 如 表 3-9 所 示 。 
表 3-9 常用 的 字符 串 函 数 及 功能 


函数 功 能 示 例 
strlen (string) 返回 字符 串 的 长 度 (中 文 算 两 个 字符 ) | strlen ("abc8") ,返回 4 
trim(string) 去 掉 字符 串 两 端的 空格 trim(” abcdx ") ,返回 ” abcd*" 


函数 
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功 能 


续 表 


示 例 


ltrim ( string )、rtrim 
(string) 


去 掉 字符 串 左 边 或 右边 的 空格 


ltrim(” abcdx* ") ,返回 "abcdx*  ” 


substr ( string, start, 
[length]) 


从 字符 串 的 第 start 个 字符 开始 , 取 
长 为 length 的 子 串 。 如 果 省 略 
Length, 表 示 取 到 字符 串 的 结尾 ,如 
果 start 为 负数 表示 从 末尾 开始 截 
取 , 如 果 length 为 负数 , 则 表示 取 到 
倒数 第 length 字符 


substr("2010-9-6",5) ,返回 "9-6" 
substr("2010-9-6" ,2,4) ,返回 "10-9" 
substr("2010-9-6" ,2,-2) ,返回 "10-9" 
substr("2010-9-6",-3,3) ,返回 "9-6" 


str_replace(find, replace, 


string, [&count]) 


替换 字符 串 中 的 部 分 字符 ,将 find 蔡 
换 为 replace, 如 果 有 参数 count, 还 可 
获取 蔡 换 了 多 少 处 


str_replace(" AB"," * ","ABCabc"), 
返回 "* Cabe" 


find， 


strtr ( string, 


replace) 


等 量 蔡 换 字符 串 中 的 部 分 字符 ,将 
find 替换 为 replace, 如 果 find 和 
replace 长 度 不 同 , 则 只 蔡 换 两 者 中 的 
较 小 者 


strtr( "Hilla Warld","ial","eo"), 返 
回 "” Hello World"(i 替换 成 e,a 换 成 0) 


substr _ replace ( string, 


replace, start, [length]) 


从 字符 串 的 第 start 个 字符 开始 ,用 
replace 替换 长 度 为 length 的 字符 , 若 
省 略 length, 将 蔡 换 到 结尾 


substr_replace(" ABCabc"," * ",3), 
返回 "ABC* " 

substr_ replace (" ABCabc"," * ",3, 
2) ,返回 "ABC * c" 


strtok( string, split) 


根据 split 指定 的 分 隔 符 把 字符 串 分 
割 为 更 小 的 字符 串 


strpos ( string, find, 
[start]) 


返回 子 串 find 在 字符 串 string 中 第 
一 次 出 现 的 位 置 , 如 果 未 找到 该 子 
串 , 则 返回 false, 如 果 有 start 参数 ， 
表示 开始 搜索 的 位 置 


strpos("ABCabc","bc") ,返回 4 
strpos("ABCabc","bc",5) ,返回 false 


strstr(string, search) 


返回 从 search 开始 ,字符 串 的 其 余部 
分 。 如 果 未 找到 所 搜索 的 字符 串 , 则 
返回 false 


strstr("ABCabc","ab") ,返回 "abe" 


stremp(strl ,str2) 


返回 两 个 字符 串 比 较 的 结果 。strl 
小 于 str2 ,比较 结果 为 一 1; strl 等 于 
str2, 比 较 结果 为 0; strl 大 于 str2 , 比 
较 结果 为 1 


stremp ("ABC","abc") ,返回 一 1 
stremp ("abc","abc") ,返回 0 
strcmp (〈"abc"，"aa") ,返回 1 


strrev(string) 


反 转 字符 串 


strrev(" Hello") ,返回 “olleH” 


str_repeat(string ,repeat) 


把 字符 串 重复 指定 的 次 数 


str_repeat(".",6) ,返回 “pm 


nl2br(string) 


将 string 中 的 \n 转换 为 换行 标记 
<br/> 


nl2br("a\nb") ,返回 “a<br />b” 


strip_tags(string,[allow]) 


去 除 字符 串 中 的 HTML、XML、PHP 
标记 


strip_tags(" Hello < b> world! </b>"), 
返回 “Hello world!” 


chr(number) 


返回 与 指定 ASCII 码 对 应 的 字符 


chr(13) ,返回 回 车 符 
chr(0x52) ,返回 "R" 


ord(string) 


返回 字符 串 中 第 一 个 字符 的 值 


ord("h") ,返回 104 
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上 述 这 些 字 符 串 函数 都 严格 区 分 大 小 写 。 如 果 希 望 不 区 分 则 可 使 用 : strpos() 大 小 写 不 
敏感 函数 是 stripos() ,strstr() 大 小 写 不 敏感 函数 是 stristr() ,str_replace() 大 小 写 不 敏感 函数 是 
str_ireplace() ,stremp() 大 小 写 不 敏感 函数 是 strcasecmp()。 另 外 strchr() 是 strstr 〇 的 别名 。 

除 此 之 外 ,还 有 字符 串 大 小 写 转换 函数 。@strtolower( $ str): 字符 串 转 换 为 小 写 
@strtoupper( $ str): 字符 串 转 换 为 大 写 ,@ucfirst( $ str): 将 函数 参数 的 第 一 个 字符 转换 
为 大 写 ; @ucwords( $ str) : 将 每 个 单词 的 首 字母 转换 为 大 写 。 

在 表 3-9 的 函数 中 ,strpos() 函 数 有 查找 字符 串 中 是 否 含有 某 个 特定 子 串 的 功能 ,只 要 
检测 其 返回 值 不 恒 等 于 false 即 可 (注意 : 不 能 用 返回 值 是 否 等 于 0 来 判断 ,因为 如 果 特 定 
子 串 的 位 置 是 第 0 个 字符 ,其 返回 值 也 为 0)。str_replace() 函 数 除 了 可 替换 字符 串 中 的 字 
符 外 ,如 果 蔡 换 后 的 字符 串 为 空 , 则 能 过 滤 掉 被 蔡 换 字符 串 中 的 某 些 字符 。 这 两 个 函数 的 应 
用 示例 如 下 。 

例 3.3 对 查询 关键 词 描 红 加 粗 (str_ireplace() 函 数 的 应 用 ) ,运行 结果 如 图 3-5 所 示 。 


<? $content = "«Web 标准 网 页 设计 与 ASP»"; // 假 设 这 是 待 查询 信息 
$find= "网 页 设计 "; // 假 设 这 是 查询 关键 词 

$ out = str_ireplace( $ find,"<b style= 'color:red'> $ find</b>", $ content); 
echo $ out."<br>"; 

路 


例 3.4 对 用 户 输入 的 字符 串 进 行 检查 并 过 滤 掉 非法 字符 (strpos() 函 数 的 应 用 )。 


<? 
$ Patternstr =" 黄 | 黑 | 走 私 | 发 票 | 枪支 | 东突 "; // 定 义 要 过 滤 的 非法 字符 串 集 
$ Pattern = explode("|", $ Patternstr) // 将 字符 集 分 割 成 数组 


//print_r( $ Pattern); 

$ inputstr = "黑色 黄色 东突 枪支 弹药 走私 物品 增值 发 票 "; // 假 设 这 是 用 户 输入 的 字符 串 

for( $i=0;$i<count( $ Pattern); $ i++){ // 分 别 对 数组 中 每 个 字符 串 进行 查找 
if (strpos( $ inputstr，$ Pattern[ $ i])!== false) { // 如 果 找 到 字符 集中 的 某 个 字符 串 

$ outstr = str_replace( $ Pattern[ $ i],"", $ inputstr); // 将 该 字符 串 过 滤 掉 

$ inputstr = $ outstr;} // 让 输入 的 字符 串 等 于 这 次 过 滤 后 的 字 

// 符 串 , 以 便 进行 下 次 过 滤 
echo $ outstr. "<br>"; 
?> 


程序 的 输出 结果 为 : 色色 弹药 物品 增值 。 
例 3.5 用 字符 串 函数 来 判断 Email 或 卫 地 址 的 格式 是 否 正确 ,运行 结果 如 图 3-6 所 示 。 


<? $ email = "tangsix@163. com"; 

if (strpos ( $email, " @") 8 strpos ( $ email, ".") && strpos ( $email, " @") < strpos 
($email, ".")) 

echo "Email 格式 正确 < br/>"; 

// 判 断 IP 地 址 是 否 正确 ,用 到 了 explode 函数 

$ IP= "59.51.24.54"; 

$ arr= explode(".", $ IP); 

if (count( $arr) == 4) 

echo "IP 格式 正确 ,IP 前 两 位 为 $arr[0]. $arr[1].*.*"; 


?> 
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到 http://localhostfobeP 


tp: /1ocalhost/pla = 
Es 编 加 EE) 查看 ” 亡 


http://locslhost/php/2/e: 加 


Web 标准 网 页 设计 与 ASP》 


红色 加 粗 


图 3-5 例 3.3 的 运行 结 


3.4.2 日 期 和 时 间 函 数 
在 Web 应 用 程序 中 ,经常 


需要 获取 当前 的 日 期 时 间 信 息 , 例 如 在 六 


=|D[x| 


习 http:7/localhaste 


Email 格式 正确 
IP 格 式 正确 ，IP 前 两 位 为 
59. 51. 直 .站 


3-6 例 3.5 的 运行 结果 


伦 坛 中 要 记录 发 言 的 


日 期 和 时 间 等 ,使 用 PHP 提供 的 日 期 函数 能 方便 地 获取 日 期 时 间 。 


1. date() 函 数 


date(string， [stampj) 是 最 常用 的 日 期 时 间 函 数 ,用 来 返 


例如 : 


echo date("Y-m- d"); 
echo date("y 年 m 月 d"); 
echo date("h:i:s"); 


回 或 设置 当前 日 期 或 时 间 。 


// 输 出 2013 - 04 - 23 
// 输 出 13 年 04 月 23 


// 输 出 10:44:46 


其 中 ,Y、md 等 是 date() 函数 string 参数 中 的 格式 字符 ,常见 的 格式 字符 如 表 3-10 所 


示 。 除 了 格式 字符 外 的 字符 都 是 普通 字符 ,它们 将 按 原样 显示 ,如 “年 ”“-” 等 。 
表 3-10 date() 函 数 的 格式 字符 及 其 说 明 

字 符 说 明 字 符 说 明 
Yr 以 4 位 数 显示 年 H 以 24 小 时 制 显示 小 时 (会 补 0) 
y 以 2 位 数 显 示 年 G 以 24 小 时 制 显示 小 时 (不 补 0) 
m 以 2 位 数 显 示 月 (会 补 0) h 以 12 小 时 制 显示 小 时 (会 补 0) 
n 以 数字 显示 月 (不 补 0) g 以 12 小 时 制 显 示 小 时 (不 补 0) 
M 以 英文 缩写 显示 月 i 以 2 位 数 显示 分 钟 (会 补 0) 
d 以 2 位 数 显示 日 (会 补 0) s 以 2 位 数 显示 秒 (会 补 0) 
j 以 数字 显示 日 (不 补 0) t 显示 该 日 期 所 在 的 月 有 几 天 ,如 31 
w 以 数字 显示 星期 (0 一 6) z 显示 该 日 期 为 一 年 中 的 第 几 天 
六 以 英文 缩写 显示 星期 下 显示 本 地 计算 机 的 时 区 
1 以 英文 全 称 显示 星期 判断 是 否 为 羡 年 ,1 表示 是 


时 。 


提示 : PHP 解析 器 默认 采用 格林 尼 治 时 间 , 使 得 调 


为 此 ,需要 设置 PHP 的 时 区 ,打开 php. ini 文件 
timezone 二 PRC” 即 可 。 


2. getdate() 函数 


getdate() 函 数 也 能 返回 当前 的 日 期 时 间 , 但 它 会 


,将 “; 


用 时 间 函 数 与 实际 时 间 相差 8 小 
date. timezone” 修 改 为 “date. 


返回 各 种 时 间 字 段 到 数组 中 。 例 如 : 
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<? $today= getdate(); 


Print r( $ today); // $ today 是 getdate( ) 函数 返回 的 数组 
echo " $ today[mon] 月 $ today[mday] 日 "; ”// mon 和 mday 是 数组 元 素 的 索引 
?> 


其 中 ,print_r() 是 用 于 递归 打印 数组 或 对 象 的 语句 ,可 以 将 数组 整体 输出 。 运 行 结 
果 为 : 
Array ( [seconds] => 58 [minutes] => 8 [hours] => 12 [mday] => 26 [wday] =>5 [mon] => 


4 [year] => 2013 [yday] => 115 [weekday] => Friday [month] => April [0] => 1366974538 ) 4 
月 26 日 


3. time() 函 数 


time() 函 数 会 返回 当前 时 间 的 时 间 蕉 。 所 谓 时 间 蕉 是 指 从 1970/1/1 日 0:0:0 到 指定 
日 期 所 经 过 的 秒 数 。 例 如 当前 时 间 为 2013-04-28 11:58:17, 则 time() 返 回 的 时 间 惟 是 
1367146697。 因 此 利用 time() 可 对 时 间 进 行 加 减 。 


<? $nextWeek = time() + (7 * 24 * 60 * 60); //1 周 =7 天 *24 小 时 *60 分 x*60 秒 

echo ' 现 在 是 :'. date('Y-m-d') ."<br>"; 

echo ' 下 一 周 是 : '. date('Y-m-d',， $nextWeek) ; 

?> 

则 输出 结果 是 : 

现在 是 :2013- 04- 28 

下 一 周 是 :2013- 05 - 05 

提示 : 如 果 date() 函 数 带 有 2 个 参数 , 则 可 以 设置 时 间 。 第 2 个 参数 必须 是 一 个 时 间 
规 , 它 将 使 date() 返 回 时 间 蕉 设置 的 时 间 。 例 如 date('Y-m-d', 0) 将 返回 1970-01-01。 

4. mktime() 函数 

mktime() 函数 会 返回 自行 设置 的 时 间 的 时 间 蕉 。 与 date() 函 数 结合 使 用 可 以 对 日 期 
进行 加 减 运 算 及 验证 。 其 语法 为 : int mktime( 时 ,分 , 秒 ,月 ,日 ,年 )。 例 如 : 

echo date("Y—m- d", mktime(0,0,0,12,36,2012)); 
表示 设置 时 间 为 2012 年 12 月 36 日 , 则 mktime() 会 自动 校正 时 间 越界 ,输出 结果 为 : 2013- 
01-05。 

如 果 要 在 今天 日 期 的 基础 上 加 12 天 ,可 以 使 用 : 


echo date("Y— m— d",mktime(0,0,0,date(m),date(d) + 12)); 
输出 结果 为 : 2013-05-08( 注 : 系统 当前 日 期 为 2013-04-26)。 上 述 代 码 中 省 略 了 年 的 


参数 ,因为 mktime() 函数 的 参数 可 以 按照 从 右 至 左 的 顺序 省 略 , 任 何 省 略 的 参数 都 会 被 设 
置 为 当前 时 间 值 。 
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5. strtotime() 函 数 


strtotime() 函数 可 将 日 期 时 间 ( 英 文 格式 ) 解 析 为 时 间 蕉 。 其 功能 相当 于 date() 函数 设 
置 时 间 的 逆 过 程 。date() 函 数 ( 带 有 两 个 参数 时 ) 可 以 将 时 间 戳 设置 为 时 间 ,而 strtotime() 


是 将 时 间 解 析 为 时 间 戳 。 
<? echo strtotime("now"); // 输 出 时 间 戳 :1367148939 
echo strtotime(" + 5 hours"); // 输 出 加 5 小 时 后 的 时 间 截 
echo date('Y—m-—d', strtotime(" +1 week")); // 利 用 返回 的 时 间 戳 设置 时 间 
echo strtotime(" + 1 week 3 days 7 hours 5 seconds"); 
?> 


可 见 ,使 用 strtotime() 函 数 也 可 用 来 对 时 间 进 行 加 减 。 


6. checkdate() 函 数 


checkdate( 月 ,日 ,年 ) 函 数 可 判断 参数 指定 的 日 期 是 否 为 有 效 日 期 。 如 果 是 ,就 返回 
true, 和 否则 返回 false。 例 如 checkdate(10,3,2014) 返 回 true, 因 为 2014/10/3 日 是 存在 的 。 
而 checkdate(13,3,2012) 返 回 false。 

在 Web 程序 开发 中 ,可 使 用 checkdate() 对 用 户 输入 的 日 期 格式 合法 性 进行 检查 。 


3.4.3 检验 函数 
检验 函数 用 来 检查 变量 是 否定 义 、 是 否 为 空 ,获得 变量 的 数据 类 型 ,取消 变量 定义 等 。 
1. isset() 函 数 


isset( $ var) 函 数 用 来 检查 变量 $ var 是 否定 义 。 该 函数 参数 为 变量 名 ( 带 $ 号 ), 如 果 
变量 已 经 定义 ,并 且 其 值 不 为 NULL, 则 返回 true, 否 则 返回 false。 


<? echo isset( $ test); // 返 回 false, 输 出 空 字符 串 
$ test = null; 
echo isset( $ test) // 仍 然 返回 false ?> 


通俗 地 说 ,如 果 有 这 个 变量 , 则 isset($ var) 返 回 true, 和 否则 返回 false。 


2， empty( 〇 函数 


empty() 函 数 用 来 检查 变量 是 否 为 空 。 所 谓 变量 为 空 包括 两 种 情况 : 四 变量 未 定义 ; 
回 变量 的 值 为 ""`.0."0"NULL、FALSE 以 及 空 数 组 .没有 任何 属性 的 对 象 等 。 例 如 ; 


<? $var=0; 


echo empty( $ var); // 变 量 值 为 0, 返回 1 

echo isset( $ var); // 变 量 存 在 , 且 值 不 为 nu11, 返回 1 
echo empty( $ str); // 变 量 不 存在 ,返回 1 

1 


因此 ,如 果 要 检测 变量 是 否定 义 , 尽 量 用 isset() 方 法 。 
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3. unset() 函 数 


unset( $ var) 函数 用 来 取消 变量 var 的 定义 。 该 函数 的 参数 为 变量 名 ,函数 没有 返回 
值 。 需 注意 的 是 : 如 果 在 某 个 自 定义 函数 中 用 unset() 取 消 一 个 全 局 变量 , 则 只 是 局 部 变量 
被 取消 ,而 在 调用 环境 中 的 变量 仍 将 保持 调用 unset() 之 前 一 样 的 值 。 例 如 : 


<? $foo = 'alive'; 
function destroy foo() { 


global $ foo; 
unset( $ fo0); // 在 函数 中 删除 变量 $ foo, 实 际 上 只 是 局 部 变量 被 删除 
destroy foo(); 
echo $ foo; // 仍 将 输出 alive 
unset ( $ bar[1]); // unset 也 能 删除 数组 元 素 
unset ( $ fool，$ foo2，$ fo03); ”// 同时 删除 多 个 变量 
?> 


4. gettype() 函 数 


gettype() 函数 用 来 返回 变量 或 常量 的 数据 类 型 ,返回 值 包括 integer、 double、 string、 
array、object、unknown type 等 。 其 语法 格式 为 : string gettype (mixed var) 。 例 如 


<? $fo0 = 'bar'; 


echo gettype( $ f00). < br>'; // 输 出 string 
$ bar = array("aa",12, true, 2.2,"test", 50); 

echo gettype( $ bar[1]); // 输 出 integer 
?> 


虽然 gettype() 函 数 可 用 来 获取 数据 类 型 ,但 由 于 gettype() 函数 在 内 部 进行 了 字符 串 的 比 
较 , 所 以 它 的 运行 速度 较 慢 。 建 议 使 用 下 面 介绍 的 var_dump() 函 数 和 is_* (函数 来 代替 。 


5, var_dump() 函 数 


var_dump() 函 数 用 来 返回 变量 或 常量 的 数据 类 型 和 值 ,并 将 这 些 信息 输出 。 例 如 : 
$ae= 3.1; $b = "天涯 '; 


var_dump( $a, $ b); // 输 出 $a、 $b 的 数据 类 型 和 值 
$c = array (1, '2', array ("a”, "b", "ce")); 

var_dump ( $c); // 输 出 $c 的 数据 类 型 和 值 

?> 

输出 结果 为 : 


float(3.1) string(4) "天 涯 ”array(3) { [0] => int(1) [1] => string(1) "2" [2] => array(3) 
{ [0] => string(1) "a" [1] => string(1) "b" [2] => string(1) "c" } } 


在 调试 程序 时 ,经 常 使 用 该 函数 查看 变量 或 常量 的 值 数据 类 型 等 信息 。 
6. is _* () 系 列 函数 


is_x*() 系 列 函数 包括 is_string() \is_int() \is_float() is_bool is_null() is_array()、 
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is_object() \is_numeric() ,is_resource() \is_integer() \is_long() ,is_real() 等 。 它 们 用 来 判 
断 变量 是 否 为 某 种 数据 类 型 。 如 果 是 , 则 返回 true, 和 否则 返回 false。 例 如 : is_string() 可 以 
判断 变量 是 否 为 字符 串 数据 类 型 ,is_int() 判 断 变量 是 否 为 整 型 ,而 is_numeric() 判 断 变 量 
是 否 为 数字 或 由 数字 组 成 的 字符 串 。 例 如 


为 : 


<?$a= 3.1; 


echo is float( $a); // 返 回 true 

$b = "13307473544'; // $b 是 由 数字 组 成 的 字符 串 
echo is_numeric( $ b); // 返 回 true 

?> 


7. settype() 函数 


settype() 函数 可 以 进行 强制 数据 类 型 转换 。 转 换 规则 遵循 表 3-5 的 规定 。 其 语法 格式 
int settype(string var，string type) ,参数 type 为 下 列 的 类 型 之 一 : integer、 double、 


string ,array 与 object。 例 如 


<?$a= 3.1; 


settype( $a, integer); // 将 变量 $a 转换 成 整 型 
echo $a; // 输 出 3 

$b = "false"; 

settype( $ b, bool); // 将 变量 $b 转换 成 布尔 型 
echo $b; // 返 回 true 

?> 

8. eval() 函数 


eval() 函 数 可 以 动态 执行 函数 内 的 PHP 代码 ,该 函数 的 参数 是 一 个 字符 串 ,eval() 会 试 


着 执行 字符 串 中 的 代码 。 示 例 代码 如 下 : 


<?eval('$a=5+3;'); // 执 行 赋值 语句 
echo $a; // 输 出 8 
eval( 'var_dump( $ a);'); // 输 出 int(8) 
?> 


虽然 eval() 函 数 非常 好 用 ,但 是 ,eval() 函数 执 行 代码 时 效率 是 十 分 低 的 。 并 且 ,eval() 


容易 产生 安全 性 问题 ,在 获取 表单 中 用 户 输入 的 数据 时 ,应 过 滤 这 些 数据 中 的 关键 词 eval， 
因为 它 允 许 用 户 去 执行 任意 代码 ,这 是 很 危险 的 。 


3.4.4 数学 函数 


数学 函数 的 参数 和 返回 值 一 般 都 是 数值 型 ,常用 的 数学 函数 如 表 3-11 所 示 。 
表 3-11 常用 的 数学 函数 及 其 功能 
函数 功 能 示 例 


round(val [ ,int precision]) 


返回 按 指定 位 数 四 舍 五 人 的 数值 ,如 果 省 略 | round(3. 41) ,返回 3 
precision, 则 返回 整数 round(3.45,1) ,返回 3.5 
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续 表 

函 数 功 能 示 例 
eil(val) 返回 大 于 并 最 接近 val 的 整数 ceil(3. 45) ,返回 4 
floor(val) 返回 小 于 并 最 接近 val 的 整数 floor(3.45) ,返回 3 
intval('3. 6a') ,返回 3 
intval(val) 返回 val 的 整数 部 分 intval(3.6) ,返回 3 
abs(num) 返回 num 的 绝对 值 abs( 一 3. 43) ,返回 3. 43 
sqrt(num) 返回 数 num 的 平方 根 sqrt(16) ,返回 4 
pow(base, exp) 计算 次 方 值 ,base 为 底 ,exp 为 宕 pow(2,3) ,返回 8 
log(num[, base]) 计算 以 e 为 底 的 对 数 log(10) ,返回 2.3025… 
exp(num) 返回 自然 对 数 e 的 寡 次 方 exp(10) ,返回 22026. … 
rand(int min, int max) | 返回 min 到 max 之 间 的 伪 随 机 数 人 2 
srand(int seed) 播 下 随机 数 发 生 器 种 子 已 被 淘汰 ,不 建议 使 用 


int getrandmax (void) 


返回 调用 rand() 可 能 返回 的 最 大 值 


sin(arg) 等 三 角 函 数 


包括 sin() ,cos() .tan() 等 


sin(pi()/6) ,返回 0.5 


max(numl, num2，…， 


numn) 


返回 若干 参数 中 的 最 大 值 


max(2,3,3.5) ,返回 3.5 


min (numl, num2，…， 


numn) 


返回 若干 参数 中 的 最 小 值 


min(2,3,3.5) ,返回 2 


decbin(num) 


十 进 制 数 转换 为 二 进 制 


decbin(6) ,返回 110 


bindec(num) 


十 进 制 数 转换 为 二 进 制 


bindec(11) ,返回 3 


dechex 十 进 制 数 转换 为 十 六 进 制 dechex(13) ,返回 "d" 
decoct 十 进 制 数 转 换 为 八进制 decoct(13) ,返回 "15" 
base _ convert (num, base_convert( 'la',16,10), 
on 在 任意 进 制 之 间 转 换 数 字 返回 "26" 

number_format (3. 142, 2)， 
number _ format (num, 格式 化 数字 字符 串 返回 "3.14" 


preci, [point] ,[sep]) 


@.5 自 定义 函数 及 使 用 


number_format (1314. 5205， 
3，,".","") ,返回 "1 314.521” 


在 3.4 节 中 学 习 了 很 多 内 置 函 数 ,使 用 这 些 函 数 可 方便 地 完成 某 些 功 能 。 但 有 时候 要 
实现 某 种 功能 , 却 没 有 现成 的 内 置 函 数 可 用 ,这 时 就 需要 自己 编写 函数 来 完成 这 些 功 能 。 


3.5.1 函数 的 定义 和 调用 


函数 就 像 一 台 机 器 ,这 台 机 器 的 输入 是 一 些 “ 原 料 ”( 对 应 函数 的 参数 ) ,进行 加 工 后 再 把 
“结果 ”输出 (通过 return 语句 ) ,函数 可 以 有 一 个 或 多 个 参数 ,但 只 能 有 一 个 输出 。 我 们 在 
设计 函数 之 前 首先 要 想 清楚 它 的 输入 和 输出 。 
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1. 函数 的 定义 

定义 函数 的 语法 如 下 : 

function 函数 名 ([ 形 参 1， 形 参 2，…,， 形 参 n]){ 
函数 体 
[return 返回 值 ] 

} 


其 中 ,function 是 PHP 定义 函数 的 关键 字 , 函 数 名 是 自 定义 函数 的 名 称 ,必须 符合 变量 
的 命名 规则 。 参 数 是 函数 的 输入 接口 ,函数 通过 参数 接收 “外 部 ”数据 。 函 数 体 是 函数 的 功 
能 实现 。return 用 来 返回 函数 的 执行 结果 ,如 果 不 需要 返回 结果 ,可 以 没有 return 语句 。 


2. 函数 的 调用 

函数 调用 有 三 种 方式 。 即 : 四 函数 调用 语句 ; @ 赋值 语句 ; 加 函数 嵌 套 调用 。 

3, 函数 调用 语句 

如 果 函 数 没有 返回 值 (无 论 是 否 有 参数 ) ,通常 使 用 函数 调用 语句 调用 函数 ,形式 为 : 
函数 名 ([ 实 参 1, 实 参 2, …, 实 参 n]); 


下 面 是 无 参 函 数 ( 左 ) 和 有 参 函 数 ( 右 ) 的 调用 举例 ,都 是 用 来 打印 一 行 字符 : 


<? function hello(){ <? function hello( $n, $ star){ 
Ch " 关 关 尖 尖 关 关 尖 关 关 尖 关 关 关头 关 关 尖 关 关 时 for($i=0;$i<$n;$it+) 
echo $ star; 
} } 
hello(); ” // 调 用 无 参 函 数 hello(8, '&'); /* 调用 有 参 函 数 */ ?> 
?> 


例 3.6 设计 函数 判断 手机 号 码 格 式 是 否 正确 (函数 调用 语句 举例 )。 


<?function isTel( $ tel) { 
if (strlen( $ tel) == 11 && is numeric( $ tel)) 
echo "手机 号 码 格式 正确 "; 
else 
echo "格式 不 正确 ,请 重新 输入 ";} 
isTel ("13388888888" ) ; // 调 用 有 参 函 数 


?> 


4. 赋值 语句 调用 函数 
如 果 函 数 有 返回 值 ,通常 使 用 赋值 语句 将 函数 的 返回 值 赋 给 一 个 变量 。 形 式 为 : 
变量 名 = 函数 名 ([ 实 参 1, 实 参 2,…, 实 参 n]); 


例 3.7 限制 输出 字符 串 的 长 度 (赋值 语句 调用 函数 举例 )。 
函数 Trimtit() 的 功能 是 : 如 果 输 入 的 字符 串 $ tit 长 度 大 于 指定 的 长 度 $n, 则 返回 截 
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取 的 指定 长 度 字符 串 并 加 *…”, 如 果 长 度 小 于 或 等 于 指定 长 度 , 则 返回 原 字 符 串 。 


<? function Trimtit( $ tit, $n){ // 注 意 函数 的 输入 为 两 个 类 型 不 同 的 参数 
证 (mb_strlen( $ tit, 'GB2312')> $ n) 
return mb_substr( $ tit,0, $n, 'GB2312')."…"; // 返 回 函数 值 


else 


return $ tit; // 返 回 函数 值 
} 
$ str = "航空 母 舰 辽宁 舰 2012 年 完成 舰 载 机 着 舰 "; // 测 试 字符 串 
$ out = Trimtit( $ str,14) ; // 调 用 函数 
echo $ out; // 输 出 :航空 母 舰 辽 宁 舰 2012 年 完成 … 
?> 
说 明 ， 


(1) 函数 的 参数 类 型 可 以 各 不 相同 ,如 上 例 中 的 $ tit 是 字符 串 , 而 $n 是 数值 型 。 

(2) 函数 中 只 有 一 条 return 语句 会 被 执行 ,return 语句 以 后 的 函数 代码 将 不 会 被 执行 。 

(3) mb_strlen() 和 mb_substr() 分 别 是 strlen() 和 substr() 处 理 中 文字 符 的 版 本 ,这 两 
个 函数 都 必须 带 有 指定 编码 类 型 的 参数 ,如 'GB2312'。 如 果 处 理 的 字符 串 中 有 中 文 , 一 定 要 
用 这 两 个 函数 ,因为 substr() 不 仅 会 把 中 文 当 成 2 个 字符 ,在 处 理 某 些 中 文字 符 时 还 会 产生 
乱码 。 

例 3.8 替换 特殊 字符 为 字符 实体 (赋值 语句 调用 函数 举例 ) 。 

有 时 用 户 在 表单 中 提交 了 一 段 字符 串 , 这 段 字符 串 中 可 能 有 回 车 、 空 格 等 特殊 字符 ,由 
于 HTML 源 代 码 会 忽略 回 车 、 空 格 等 字符 ,会 导致 这 些 格式 丢失 ,因此 有 必要 将 它们 用 字 
符 实 体 蔡 代 , 使 这 些 格式 在 浏览 器 中 能 保留 下 来 ,下 面 是 替换 特殊 字符 的 函数 。 


<? 
function myReplace( $ str){ 


$ str = str_ replace("<","&]lt;", $ str) ; // 蔡 换 < 为 字符 实体 &1t; 
$ str = str_replace(">","&gt;", $ str) // 蔡 换 > 为 字符 实体 &gt; 
$ str = str_replace(chr(13),"<br>", $ str); // 替 换 回 车 符 为 换行 标记 < br > 
$ str = str_replace(chr(32), "gnbsp;", $ str); // 蔡 换 空格 符 为 字符 实体 gnbsp; 
return $ str // 返 回 函 数值 
$ str= "< font color = 'red'> abc </font >"; // 测 试 字符 串 


echo $ str.'<br>'; 
echo myReplace( $ str); 
?> 


输出 结果 为 : 


abc( 红 色 的 ) 
< font color = 'red'> abc </font > 


实际 上 ,PHP 提供 了 内 置 函 数 htmlentities() 可 以 完成 自 定义 的 myReplace 函数 的 功 
能 ,但 是 htmlentities() 不 会 将 空格 蔡 换 成 字符 实体 “& nbsp; ”, 而 且 字 符 串 中 如 果 有 中 文 ， 
使 用 htmlentities() 会 产生 乱码 。 
于 函数 的 返回 值 只 能 有 一 个 ,如 果 要 返回 多 个 数值 ,可 以 让 函数 返回 一 个 数组 。 
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例 3.9 设计 一 个 函数 ,输入 是 一 个 整数 ,输出 是 这 个 整数 各 位 上 的 数字 。 
<? function aval( $ num){ // aval( ) 用 来 求 $ nun 各 位 上 的 数字 


for( $i=0;$ num>=1;$it+){ 


$arr[ $i]= $num%10;  ”// 对 10 取 余 得 到 个 位 数 


$ num= $ num/10;} // 除 以 10 后 十 位 数 变 成 个 位 数 
return $ arr; // $arr 保存 了 各 位 上 的 数 
) 
print_r(aval(54262)); // 调 用 函数 ,将 返回 各 位 上 的 数字 


?> 


输出 结果 为 ; Array( [0] => 2 [1] => 6[2] =》2 [3] =>4 [4] =>5)。 
5. 函数 的 嵌 套 调用 
函数 可 以 嵌 套 调用 , 即 把 函数 调用 作为 另 一 函数 的 参数 。 例 如 


<? function sum( $a, $b){ 
return $a+ $b;} 
echo sum(7, sum(3,5)); // 函 数 作 为 另 一 函数 的 参数 调用 


?> 


例 3.10 过 滤 字 符 串 中 的 HTML 标记 。 

有 时 需要 把 文本 中 的 HTML 标记 都 过 滤 掉 , 过 滤 的 思路 是 : 首先 找到 第 1 个 HTML 
标记 的 开始 和 结束 位 置 (*<” 和 “>”) ,将 <” 左边 的 字符 与 “>” 右 边 的 字符 连接 在 一 起 ,这 样 
就 去 掉 了 第 1 个 HTML 标记 ,再 把 过 滤 后 的 字符 串 赋 值 给 原 字符 串 , 进 行 下 次 过 滤 , 直 到 
文本 中 找 不 到 HTML 标记 为 止 。 


<? // right 函数 :截取 字符 串 $ s 右边 的 $n 个 字符 
function right( $s, $n) { return $n? substr($s，- $n): '';} 
function noHtml( $ str){ // noHTML 函数 :去除 字 符 串 $ str 中 的 HTML 标记 代码 
while (strpos( $ str, '<')!== false || strpos( $ str, >')!== false) {// 如 果 字 符 串 中 有 "<" 或 ">" 
$ begin = strpos( $ str, <'); // 找 到 "<" 符 的 位 置 
$ end= strpos( $ str, >'); // 找 到 ">" 符 的 位 置 


$ length = strlen( $ str) - $end-1; ， //">" 符 右边 的 字符 串 长 度 
// 将 "<" 符 左边 的 字符 串 和 ">" 符 右边 的 字符 串 连 接 在 一 起 
$ filterstr = substr( $ str,0, $ begin) . right( $ str, $ length); // 在 函数 体内 调用 另 一 函数 


$str= $filterstr; // 把 一 次 过 滤 后 的 字符 串 赋 给 原 字符 串 , 以 便 进行 下 次 过 滤 
} 
return $ str; // 返 回 函数 值 
} 
$ str= "< font size=9>abc</font >";  // 测 试 字符 串 
echo noHtml( $ str); // 输 出 结果 为 "abc" 
Er 


实际 上 ,PHP 提供 了 内 置 函 数 strip_tags() 可 实现 noHtml() 函 数 的 功能 。 
3.5.2 变量 函数 和 匿名 函数 
变量 函数 类 似 于 可 变 变量 , 它 的 函数 名 为 变量 。 使 用 变量 函数 可 实现 通过 改变 变量 值 
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的 方法 调用 不 同 的 函数 。 例 如 在 例 3. 10 的 “? >” 前 插入 如 下 代码 : 

$ func = ,noHtnml'; // 将 一 个 函数 名 赋值 给 变量 

echo $ func( $ str); // 相 当 于 echo noHtml( $ str), 输 出 结果 为 "abc" 


$ func = 'right'; 


echo $ func( $ str,7); // 相 当 于 echo right( $ str,7), 输 出 结果 为 "</font >" 


可 见 , 当 某 个 变量 名 后 有 小 括号 时 ,PHP 就 会 试 着 去 找 这 个 变量 的 值 , 然 后 去 运行 和 该 
值 同名 的 函数 。 但 变量 函数 不 能 用 于 语言 结构 ,如 变量 值 不 能 为 echo、printisset、empty、 
include、require 等 。 


在 PHP 5.3 以 上 版 本 中 ,开始 支持 匿名 函数 。 匿 名 函数 就 是 没有 函数 名 的 函数 ,例如 : 


<? $ greet = function( $ name){ // 定 义 匿名 函数 ,并 将 其 赋 给 变量 $ greet 
echo 'hello '. $ name;}; 
$ greet( 'World'); // 调 用 匿名 函数 ,输出 hello World 
$ greet( 'PHP'); 
?> 
可 见 , 为 了 调用 匿名 函数 , 常 将 匿名 函数 赋 给 一 个 变量 ,那么 该 变量 就 相当 于 函数 名 。 
但 使 用 匿名 函数 更 重要 的 原因 ,是 为 了 实现 函数 的 闭 包 。 


3.5.3 传 值 赋值 和 传 地 址 赋值 
函数 的 参数 赋值 有 两 种 方法 , 即 传 值 赋值 和 传 地 址 赋值 。 


1. 传 值 赋值 
默认 情况 下 ,函数 的 参数 赋值 采用 传 值 赋 值 方式 ,即将 实 参 值 复制 给 形 参 值 。 例 如 : 


<? function addl( $ val){ 
$ valt+; 
return $ val; } 
$age=18; 
echo addl( $age).''; 
echo addl( $age).… 
echo $ age; /* 运行 结果 为 19 19 18 * / 
?> 


上 述 程序 的 执行 过 程 是 : 

(1) 函数 只 有 在 被 调用 时 才 会 执行 。 因 此 ,程序 执行 的 第 一 条 语句 是 “$age 一 18;”， 
PHP 预 处 理 器 为 $age 分 配 第 一 个 存储 空间 。 

(2) 执行 语句 echo add1($ age).''; ,此 时 自 定义 函数 add10) 被 调用 ,PHP 预 处理 器 为 
函数 参数 $ val 分 配 存储 空间 ,将 实 参 值 18 复制 给 $ val。 

(3) $ val 进行 加 1 运算 ,使 $ val 的 值 为 19, 但 $ age 的 值 仍 为 18 。 

(4) 函数 调用 结束 时 ,PHP 预 处 理 器 回收 函数 调用 期 间 分 配 的 所 有 内 存 , 此 时 $val 
消失 。 

(5) 第 二 次 调用 函数 时 ,又 将 $age 的 值 复制 给 $ val, 因 此 $ val 的 值 仍 为 18。 
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2. 传 地 址 赋值 


函数 的 参数 也 可 以 使 用 传 地 址 赋值 ,即将 一 个 变量 的 “引用 ”传递 给 函数 的 参数 。 和 变 
量 传 地 址 赋值 一 样 , 在 函数 的 参数 名 前 加 “&” 就 能 实现 传 地址 赋值 。 示 例 代 码 如 下 : 
<? function addi(&$ val){ 
$ val+t+; 
return $ val;} 
$age= 18; 
echo add1( $ age).''; // 注 意 传 地 址 赋值 时 , 函数 参数 不 能 是 常量 
echo addl( $ age).''; 
echo $ age; /* 运行 结果 为 19 20 20*/ 


?> 


上 述 程序 的 执行 过 程 是 : 

(1) 程序 执行 的 第 一 条 语句 是 “ $age 王 18;”,PHP 预 处 理 器 为 $age 分 配 第 一 个 存储 
空间 。 

(2) 程序 执行 到 “echo add1( $age).''; ”, 此 时 自 定义 函数 addl() 被 调用 ,PHP 预 处 理 
器 为 函数 参数 $ val 分 配 存储 空间 ,由 于 这 里 是 传 地 址 赋值 , 形 参 $ val 和 变量 $ age 都 指 
同一 个 变量 值 18 的 地 址 ,因此 $ val 的 值 变 为 18。 

(3) 程序 执行 到 “ $ val 十 十 ;” 时 , 形 参 $ val 修改 地 址 中 的 值 为 19 ,由 于 变量 $age 也 指 
向 该 地 址 ,因此 变量 $ age 的 值 也 变 为 了 19。 

(4) 函数 调用 结束 时 ,PHP 预 处 理 器 回收 函数 调用 期 间 分 配 的 所 有 内 存 , 此 时 $ val 消 
失 。 但 函数 外 变量 $ age 的 值 不 会 改变 ,仍然 为 19。 

(5) 第 二 次 调用 时 , $ val 又 会 修改 $ age 指向 地 址 中 的 值 ,使 $age 的 值 变 为 20。 

可 见 , 使 用 传 值 赋值 的 方式 为 函数 参数 赋值 ,函数 无 法 修改 函数 体外 的 变量 值 ; 若 使 用 
传 地 址 的 方法 为 函数 参数 赋值 , 则 函数 可 以 修改 函数 体外 的 变量 值 。 

但 不 管 使 用 哪 种 赋值 方式 ,函数 参数 (或 函数 体内 变量 ) 的 生存 周期 是 函数 运行 期 间 , 若 
要 延长 函数 体内 变量 的 生存 期 , 需 使 用 static 关键 字 ; 函数 参数 (或 函数 体内 变量 ) 的 作用 
域 是 函数 体内 有 效 ,车 要 扩大 函数 体内 变量 的 作用 域 , 需 使 用 global 关键 字 。 


写 


6.6 面向 对 象 编程 


面向 对 象 编程 (Object Oriented Programming,OOP) 是 一 种 编程 思想 ,目前 在 大 型 应 用 
软件 开发 中 应 用 非常 广泛 。 

面向 对 象 的 程序 由 对 象 构成 (object) ,把 所 有 的 对 象 都 划分 成 类 (class) ,每 个 类 定义 了 
一 组 静态 的 属性 和 动态 的 方法 。 对 象 之 间 通 过 传递 消息 互相 联系 ,驱动 整个 系统 来 运转 。 
类 是 具有 相同 或 相似 的 结构 ,操作 与 约束 关系 的 对 象 组 成 的 集合 。 对 象 是 对 某 个 类 的 具体 
化 实例 ,每 个 类 都 是 具有 某 些 共同 特征 对 象 的 抽象 。 
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3.6.1 类 和 对 象 


在 现实 中 ,任何 一 个 具体 事物 都 可 以 看 作 一 个 对 象 ,例如 一 个 人 一 辆 汽车 一 场 电 影 等 
都 是 对 象 。 对 象 包含 属性 和 方法 。 将 张 三 这 个 人 看 做 对 象 , 则 该 对 象 具有 下 列 属性 和 方法 。 


对 象 : 张 三 { 
属性 :姓名 性别、. 身 高 体重 、 年 龄 等 ; 
方法 :吃饭 、 走 路 .说 话 等 ; 

} 


对 于 对 象 的 属性 ,我 们 可 以 用 变量 来 描述 ,例如 $age==33 表示 张 三 的 年 龄 是 33 岁 。 
对 于 对 象 的 方法 , 则 可 以 用 函数 来 定义 ,例如 : function walk(O(…} 用 来 描述 走路 。 
于 现实 中 很 多 对 象 都 属于 同一 类 ,因此 还 可 以 把 同一 类 的 对 象 看 成 一 个 类 ,例如 所 有 
的 人 都 属于 人 ”类 。 则 对 象 可 看 成 是 类 的 一 个 实例 ,例如 张 三 是 * 人 ”类 的 一 个 实例 。 因 此 
定义 对 象 前 都 要 先 定义 类 。 


1, 类 的 定义 
在 PHP 中 ,使 用 class 关键 字 可 以 定义 一 个 类 。 语 法 格式 为 : 


class 类 名 { 
定义 成 员 变量 
定义 成 员 函 数 
} 


可 见 , 类 实际 上 就 是 一 组 静态 属性 和 动态 方法 的 集合 ,将 它们 封装 在 一 起 就 形成 了 一 个 
类 。 例 如 ,要 定义 一 个 类 Mystr, 代 码 如 下 : 


<? class Mystr{ // 定 义 Mystr 类 ,注意 类 名 后 面 没 有 小 括号 
var $ str; 
function output(){ 
echo "Hello PHP'; 
} 


?> 


说 明 : 在 类 定义 中 ,使 用 关键 字 var 来 定义 成 员 变 量 。 在 定义 成 员 变 量 时 ,也 可 直接 对 
它 赋值 。 

类 成 员 变量 又 可 分 为 两 种 ,一 种 是 公有 变量 ,用 关键 字 public 或 var 定义 ; 一 种 是 私有 
变量 ,用 关键 字 private 定义 。 公 有 变量 可 以 在 类 的 外 部 被 访问 , 它 是 类 与 其 他 类 或 用 户 交 
流 的 接口 。 用 户 可 通过 公有 变量 向 类 中 传递 数据 ,也 可 以 通过 公有 变量 获取 类 中 的 数据 。 
私有 变量 在 类 的 外 部 无 法 访问 ,以 保证 类 的 设计 思想 和 内 部 结构 并 不 完全 对 外 公开 ,这 就 是 
面向 对 象 中 的 封装 性 。 

下 面 是 定义 公有 变量 和 私有 变量 的 例子 (3-10. php) 。 
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class userInfo{ 
public $ userName; 
private $ pwd; 
function output(){ 
echo $ this 一 > userName; 
} 
有 


在 类 userInfo 中 ,使 用 公有 变量 来 保存 用 户 名 ,使 用 私有 变量 来 保存 用 户 密码 。 

说 明 : 

(1) 类 一 旦 定义 后 ,系统 会 自动 为 其 创建 一 个 $ this 的 伪 变 量 ,代表 类 自身 。 

(2) 如 果 类 的 成 员 函 数 中 要 访问 类 中 的 变量 或 其 他 函数 ,必须 使 用 $ this-> 变 量 名 ?或 
“$$ this-> 函 数 名 ”访问 ,例如 $ this-> userName。 不 能 简单 使 用 $userName 来 访问 ,也 不 
能 写成 $ this-> $userName, 更 不 能 写成 userInfo-> userName。 

(3) 如 果 要 在 类 外 面 访问 类 中 定义 的 变量 和 方法 ,必须 先 创建 该 类 的 对 象 ,然后 用 “对 
象 名 -> 变量 名 ”或 “对 象 名 -> 方法 名 ”来 访问 。 

(4)“->” 是 PHP 中 的 成 员 选 择 运 算 符 。 该 运算 符 表示 右边 的 变量 或 函数 属于 左边 的 
类 或 对 象 。 注 意 区 分 “->” 和 “二 >”,“ 二 >” 是 初始 化 数组 元 素 时 分 隔 “ 键 "和 “ 值 ”的 符号 。 


2., 构造 函数 和 析 构 函数 


在 定义 类 时 可 以 在 类 中 定义 一 个 特殊 的 函数 一 一 构造 函数 ,用 来 执行 一 些 初始 化 的 任 
务 ,例如 对 属性 赋 初 值 等 。 PHP 规定 构造 函数 的 名 称 必 须 为 ”_ construct”。 
例如 ,在 userInfo 类 中 定义 一 个 构造 函数 (3-11. php) 。 


class userInfo{ 
public $ userName; 
private $ pwd; 
function __construct(){ // 定 义 构造 函数 
$this-> userName = 'Admin'; ”// 为 类 中 的 变量 赋 初 值 
$ this—> pwd = '123'; 
} 
function output( ){ 
echo $ this— > userName; 
} 
} 


说 明 : 

(1) 构造 函数 名 construct” 是 以 两 个 下 面 线 开头 。 

(2) 构造 函数 不 能 被 主动 调用 ,例如 “对 象 名 -> construct()" 是 错误 的 。 只 有 在 使 用 
关键 字 new 创建 对 象 时 系统 才 会 自动 调用 构造 函数 。 

与 构造 函数 相对 应 的 是 析 构 函数 , 析 构 函数 会 在 某 个 对 象 的 所 有 引用 被 删除 或 者 对 象 
被 销毁 时 执行 。 也 就 是 说 ,如 果 定 义 了 析 构 函数 , 则 对 象 在 销毁 前 会 调用 析 构 函数 。 

PHP 规定 析 构 函数 的 名 称 为 ”_ destruct()”, 析 构 函 数 不 能 带 有 任何 参数 。 
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3. 定义 对 象 


对 象 是 类 的 实例 ,可 以 使 用 new 关键 字 来 创建 对 象 。 定 义 一 个 类 userInfo 的 对 象 
$ user 的 代码 如 下 : 

$ user = new userInfo( ); 
则 $ user 就 是 一 个 对 象 (类 型 为 object 的 变量 ), 定 义 了 对 象 后 ,就 可 使 用 对 象 来 访问 类 中 
的 成 员 变 量 或 成 员 方法 。 例 如 : 


$ user = new userInfo( ); 


echo $ user 一 > userName; // 访 问 类 中 的 变量 
$ user -> output(); // 访 问 类 中 的 函数 
注意 : 


(1) 如 果 类 中 的 构造 函数 包含 参数 , 则 在 创建 对 象 时 ,也 需要 提供 相应 的 参数 。 

(2) 对 象 只 能 访问 类 中 的 公有 变量 和 函数 ,如 果 试 图 访问 类 中 的 私有 变量 或 函数 ,如 
echo $ user-> pwd, 则 程序 会 出 错 , 提 示 不 能 访问 私有 属性 。 

下 面 是 一 个 定义 类 和 对 象 的 综合 实例 (3-12. php) 。 


<? class Person{ 


var $ name; // 人 的 名 字 
var $ sex; // 人 的 性 别 
var $ age; // 人 的 年 龄 
function say( $ word) // 人 有 说 话 的 方法 
{echo $ this 一 > name, ' 对 你 说 :'. $ word;} 
function run( $ step) // 人 有 走路 的 方法 
{echo "< br > 然后 走 了 ". $ step. " 步 ";} 
} 
$ pl = new Person(); // 创 建 类 person 的 对 象 $ pl 
$pl->name=" 张 三 "; // 设 置 对 象 的 属性 ,形式 为 "对 象 名 -> 属性 名 " 
$ pl 一 > say( ' 您 好 '); // 访 问 对 象 的 方法 ,形式 为 "对 象 名 -> 方法 名 " 
$ pl->run(5); 
?> 
输出 结果 为 : 
张 三 对 你 说 :您 好 
然后 走 了 5 步 
4. 操作 符 “: : ” 


相 比 伪 变 量 $ this 只 能 在 类 的 内 部 使 用 ,操作 符 “: : "更 加 强大 。 它 可 以 在 没有 声明 对 
象 的 情况 下 直接 访问 类 中 的 变量 或 方法 。 例 如 : 下 面 的 代码 可 在 类 外 访问 Person 类 的 
方法 。 

Person: :run(8); // 将 其 放 在 Person 类 代码 的 外 部 ,将 输出 "然后 走 了 8 步 " 
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操作 符 “: : ”可 用 于 访问 静态 变量 .静态 方法 和 常量 ,还 可 用 于 覆盖 类 中 的 成 员 变 量 和 
方法 。 其 语法 格式 为 ， 
关键 字 : : 变量 名 /方法 名 /常量 名 


其 中 关键 字 可 以 分 为 以 下 三 种 情况 。 

(1) 类 名 : 用 来 调用 本 类 中 的 变量 常量 和 方法 。 
(2) self: 用 来 调用 当前 类 中 的 静态 成 员 和 常量 。 
(3) parent: 用 来 调用 父 类 中 的 变量 、 常 量 和 方法 。 


5. instanceof 关键 字 
instanceof 关键 字 用 来 检测 某 个 对 象 是 否 属于 某 个 类 , 它 返 回 一 个 布尔 值 。 例 如 : 


echo $ pl instanceof Person // 返 回 true 


3.6.2 类 的 继承 和 多 态 
1. 继承 


继承 是 指 子 类 可 以 继承 一 个 或 多 个 父 类 的 属性 和 方法 ,并 可 以 重 写 或 添加 新 的 属性 或 
方法 。 通 过 对 已 有 类 的 继承 ,可 以 逐步 扩充 类 的 功能 。 继 承 的 这 些 特 性 简化 了 对 象 和 类 的 
创建 ,增加 了 代码 的 可 重用 性 。 

例如 要 设计 三 个 类 “动物 ”类 “人 ”类 和 “学 生 ” 类 。 则 可 以 先 定义 动物 类 ,将 动物 类 作 
为 父 类 ,人 类 作为 子 类 ,通过 继承 动物 类 的 一 些 属性 和 方法 就 可 以 简化 人 类 的 设计 ,并 可 以 
添加 人 类 的 新 属性 和 方法 (例如 国籍 .说 话 等 )。 同 样 地 ,学 生 类 又 可 看 成 是 人 类 的 子 类 。 

在 PHP 中 ,用 extends 关键 字 可 实现 类 的 继承 。 请 法 格式 为 : 

class 子 类 名 extends 父 类 名 

{ 定义 子 类 的 成 员 变 量 


定义 子 类 的 成 员 函 数 
起 


提示 : PHP 不 支持 多 重 继承 , 即 一 个 子 类 不 能 有 多 个 父 类 。 
下 面 创建 了 一 个 类 Students ,并 使 它 继承 于 类 Person ,代码 如 下 (3-13. php) : 


<? 
class Person{ // 定 义 父 类 
function __construct( $ name, $ sex){ // 定 义 构造 函数 
$ this 一 >name= $ name; 
$ this—->sex= $ sex; 
} 
function say(){ // 定 义 说 话 的 方法 


echo ' 我 叫 :'. $ this -> name; 
echo ' 性 别 :'， $ this -> sex. '<br>'; 
} 


class Students extends Person{ 
public $ school; 
function study( $ scholl){ 
echo ' 我 在 '。$ scholl. ' 上 学 '; 
} 
} 
$ student = new Students( ' 小 新 ', ' 男 '); 
$ student -> say(); 
$ student - > study( ' 石 鼓 书院 '); 


?> 
运行 程序 ,输出 结果 为 : 


我 叫 :小 新 性 别 : 男 
我 在 石 鼓 书 院 上 学 
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// 定 义 子 类 并 继承 父 类 


// 定 义 上 学 的 方法 


// 创 建 一 个 子 类 的 对 象 
// 调 用 父 类 的 方法 
// 调 用 子 类 的 方法 
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说 明 : 程序 中 子 类 Students 通过 继承 父 类 Person, 调 用 了 父 类 中 的 方法 和 属性 ,如 显 


2. 多 态 


式 调 用 了 父 类 中 的 say() 方 法 ,通过 创建 对 象 隐 式 调用 了 父 类 中 的 构造 方法 。 同 时 子 类 也 
可 调用 自己 定义 的 方法 study() 。 


多 态 好 比 有 一 个 成 员 方 法 让 大 家 去 吃饭 ,这 个 时 候 有 的 人 用 筷子 吃 ,有 的 人 用 勺子 吃 ,还 


有 的 人 用 又 子 和 勺子 一 起 吃 。 虽 然 是 同一 种 方法 ,但 调用 时 却 产 生 了 不 同 的 形态 ,就 是 多 态 。 


在 面向 对 象 中 ,多 态 指 多 个 函数 使 用 同一 个 名 字 , 但 参数 个 数 、 参 数 数据 类 型 不 同 。 调 


用 时 ,虽然 方法 名 相同 ,但 会 根据 参数 个 数 或 者 类 型 自动 调用 对 应 的 函数 。 


多 态 可 通过 继承 或 接口 来 实现 。 下 面 是 一 个 通过 继承 实现 多 态 的 例子 (3-14. php) 。 


<? 
class Person{ 
function __construct( $ name, $ sex){ 
$ this—>name= $name; 
$ this—> sex= $ sex; 
} 
. 
class Students extends Person{ 
public $ school; 
function study(){ 
echo ' 我 在 上 学 < br >';} 
} 
class dxs extends Students{ 
function study(){ 
echo $ this - > name. ' 在 读 大 学 < br >';} 
} 
class xxs extends Students{ 
function study(){ 
echo $ this 一 > name. ' 在 念 小 学 < br >';} 
和 


// 定 义 父 类 
// 定 义 构造 函数 


// 定 义 Person 的 子 类 Students 


// 定 义 上 学 的 方法 


// 定 义 Students 的 子 类 dxs 
// 定 义 上 学 的 方法 


// 定 义 Students 的 子 类 xxs 
// 定 义 上 学 的 方法 
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function rightstudy( $ obj) { // 定 义 函 数 , 该 函数 不 属于 任何 类 
证 ($obj instanceof Students)  // 如 果 该 对 象 是 Students 的 实例 
$ obj—> study(); // 调 用 该 对 象 的 study( ) 方 法 
else echo ' 出 现 错误 !<br>'; 
} 
$ sl = new dxs( "小 新 ', ' 男 '); // 创 建 dxs 类 的 对 象 $ sl 
rightstudy( $ s1); 
$ s2 = new xxs( "小 花 ',' 女 '); // 创 建 xxs 类 的 对 象 $ s2 
rightstudy( $ s2); 
$ s3 = new Students( ' 小 文 ', ' 女 '); // 创 建 Students 类 的 对 象 $ s3 
rightstudy( $ s3); 
?> 
运行 程序 ,输出 结果 为 : 
小 新 在 读 大 学 
小 花 在 念 小 学 
我 在 上 学 


说 明 : 程序 通过 继承 Students 类 创建 了 两 个 子 类 : dxs 和 xxs。 在 两 个 子 类 及 父 类 中 
都 定义 了 study() 方 法 。 通 过 instanceof 检测 对 象 类 型 ,这 样 无论 增 加 多 少 种 Students 类 的 
子 类 ,都 能 调用 到 正确 的 方法 ,并 且 不 需要 对 rightstudy() 函 数 进行 修改 。 

多 态 使 我 们 将 编程 的 重点 放 在 接口 和 父 类 上 ,而 不 必 考 虑 对 象 具体 属于 哪个 类 的 问题 。 

虽然 不 使 用 多 态 ,而 使 用 条 件 判 断 语 句 判 断 参 数 的 个 数 或 类 型 也 能 使 调用 函数 时 自动 
调用 相应 的 函数 ,但 那样 就 不 得 不 在 函数 中 多 写 很 多 条 件 语句 来 判断 ,并 且 使 不 同 的 功能 都 
集中 到 一 个 函数 中 了 。 


习题 
有 
一 、 选 择 题 
1. 下 列 ( )PHP 变量 的 名 称 是 错误 的 。 
A. $5-zhao B. $s_ Name CG 事 证 D. $ This 
2. 语句 “echo 'happy' 1 十 2 . '345'; ”输出 结果 为 : ( $s 
A. 2345 B. happy3345 C. happyl2345 D. 运行 出 错 
3. ? : 运算 符 相 当 于 以 下 PHP 语句 ( 入 
A. if…else B. switch 区 和 D. break 


4. 语句 “for( $k 二 0; $k 一 1; $k 十 十 ); ”和 语句 “for($k 一 0; $k 一 一 1; $k 十 十 ); 
”的 执行 次 数 分 别 是 : ( 和 


A. 无 限 次 和 0 B. 0 和 无 限 次 C. 都 是 无 限 次 D. 都 是 0 
5. 如 果 要 提前 离开 for 循环 ,可 以 使 用 语句 ( )s 
A. pause B. return C. exit D. break 


6. 如 果 要 使 程序 的 运行 在 循环 内 跳 过 后 面 的 语句 ,直接 返回 循环 的 开头 ,应 在 循环 内 
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使 用 下 面 语句 ( Ws 


A. goto B. jump C. continue D. break 
7. 对 于 for( $i 二 100; $i< 一 200;，$i 十 一 3) ,循环 运行 结束 后 ,变量 $1 的 值 是 (  )。 
A. 201 B. 202 C. 199 D. 198 
8. 下 列 ( ) 代 表 无 穷 循 环 。 
A. for(; ; ) B. for() C. foreach(,) D. do(1) 
9. 如 果 函 数 有 多 个 参数 , 则 参数 之 间 必须 以 下 列 ( ) 符 号 分 开 。 
Ws 5 BB 公示 项 次 
10. 如 果 要 从 函数 返回 值 , 必 须 使 用 下 列 ( ) 关 键 词 。 
A. continue B. break C. exit D. return 


11. 下 列 关 于 函数 的 说 法 ,( ) 是 错误 的 。 

A. 函数 具有 重复 使 用 性 

B. 函数 名 的 命名 规则 和 变量 命名 规则 相同 ,必须 以 $ 作 为 函数 名 的 开头 

C. 函数 可 以 没有 输入 和 输出 

D. 如 果 把 函数 定义 写 在 条 件 语 句 中 ,那么 必须 当 条 件 表 达 式 成 立时 ,才能 调用 该 函数 
12， 如 果 要 在 函数 内 定义 函数 外 也 可 访问 的 变量 ,必须 使 用 ( ) 关 键 词 。 


A. public B. var C. static D. global 
13. 如 果 想 保留 函数 内 局 部 变量 的 值 ,必须 使 用 ( ) 关 键 词 。 

A. private B. var C. static D. global 
14. ( ) 函 数 可 用 来 取得 四 舍 五 人 的 值 。 

A. ceil B. floor C. round D. abs 
15. ( ”) 函 数 可 以 用 来 取得 次 方 值 。 

A. sqrt B. pow C. exp D. rand 
16.( ”) 函 数 可 以 用 来 取得 当前 的 时 间 信 息 。 

A. getdate B. gettime C. mktime D. time 
17.( ”“) 函 数 可 以 将 字符 串 逆 序 排列 。 

A. chr B. ord C. strstr D. strrev 
lg: & ) 函数 可 以 将 数组 中 各 个 元 素 连接 成 字符 串 。 

A. implode B. explode C. str_repeat D. str_pad 
19.( ”) 函 数 可 以 将 换行 符 转 换 成 HTML 换行 标记 。 

A. nl2br B. substr C. stremp D. strlen 
20. 数组 是 通过 ( ) 来 区 分 它 所 存放 的 元 素 的 。 

A. 长 度 B. 值 C. 索引 D. 维度 
21. 在 默认 情况 下 ,PHP 数组 中 第 一 个 元 素 的 索引 是 ( 5 

A. 0 B: i C. 空 字符 串 D. 不 一 定 
22. PHP 规定 数组 的 索引 可 以 为 以 下 哪 两 种 形式 (多 选 )? ( ) 

A. 布尔 B. 浮 点 型 C. 整数 D. 字符 串 


23. ) 可 以 用 来 访问 数组 的 元 素 。 
人 A. 全 B. 一 > i 疆 训 回 
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2 ) 运 算 符 可 以 用 来 比较 两 个 数组 是 否 不 相等 。 


去 .于 B. != 6, SS D. !== 
25. 如 果 数 组 $a=array(0 一 > 5,1==>10), $b=array(1 二 >15,2 二 > 20), $ c= $a+ 
$b, 则 $c 等 于 下 列 。 


A. array ( [0] =>5 [1] => 10 [2] => 20) 
B. array ( [0] => 5 [1] => 15 [2] => 20) 
C. array ( [0] => 5 [1] => [2] => 20) 
D. array ([0]=>5 [1]=>10 [2]=>15 [3]=> 20) 
26. 假设 $a=array(0==>'a',1= 二 >'b'), $b=array(1 二 >'b',0 二 >'a'), 则 $a=== 二 $b 和 
$a 二 三 三 人 $b 的 值 分 别 是 ( ) 。 
A. true true B. true false C. false false D. false true 
27. 假设 $a==array('a','b','c','d'), 则 依次 调用 next( $a); next( $a); next( $a); 
prev( 串 a); 后 ,current( $a) 会 返回 ( )。 


A, a" | 中 GE i 

28. 假设 list( $x, $y) 二 array(10,20,30,25), 则 $y 的 值 是 (  )。 

A. 10 B. 20 C0 D. 25 

2 ) 函 数 可 以 将 数组 中 的 索引 和 值 互 相交 换 。 

A. array_reverse() B. array_walk() C. array_flip() D. array_pad() 

30. 假设 $a=array(10,25,30,25,40), 则 array_sum( $ a) 会 返回 ( Na 
A. array ( [0] => 105 ) B. array ( [0] => 130 ) 

C, 105 D. 130 

31. 假设 $a=range(1,20,5), 则 print_r($a) 为 ( js 
A. array (1, 6, 11, 16 ) B. array (1, 20, 5 ) 

C. array (5, 10, 15, 20 ) D. array (5, 10, 15 ) 

32. 假设 $a=array('x','y');, 则 $a 二 array_pad( $a,4,'z');, 会 返回 ( 》 
A array Km ys ss B, array Css rs 
A BD, my (Ry 0 

33.( ”) 运 算 符 可 以 用 来 访问 对 象 的 成 员 。 

A ws B. => C. -> Ds 

34.( ”) 运 算 符 可 以 直接 访问 类 内 的 方法 或 常量 ,而 无 须 创 建 对 象 。 

A 13 B =%> GS D, » 

35. € ) 语 句 可 以 在 子 类 调用 父 类 的 构造 函数 。 

A. base: : _ construct() B. this: : construct() 
C. parent: : _ destruct() D. parent: : _ construct() 


36. 关于 构造 函数 的 说 法 ,( ) 是 错误 的 。 
A. 使 用 new 创建 对 象 时 会 自动 运行 构造 函数 
B. 名 称 只 能 为 construct 
C. 子 类 会 继承 父 类 的 构造 函数 

D. 不 可 以 有 参数 
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37. 如 果 一 个 对 象 的 实例 要 调用 该 对 象 自身 的 方法 函数 “mymeth”, 则 应 使 用 ( 5 


A. $self>mymeth() B. $ this>mymeth() 
C. $current-> mymeth() D. $this: : mymeth() 
38. 如 果 类 中 的 成 员 声 明 时 没有 使 用 限定 字符 , 则 成 员 属性 的 默认 值 是 ( jy 
A. private B. protected C. public D. final 
39. 在 类 中 定义 的 析 构 方法 是 在 ( ) 被 调用 的 。 
A. 类 创建 时 B. 创建 对 象 时 
C. 删除 对 象 时 D. 不 会 自动 调用 
40. PHP 中 调用 类 文件 中 的 this 表示 ( 。”)。 
A. 用 本 类 生成 的 对 象 变量 B. 本 页 面 
C. 本 方法 D. 本 变量 


41. 下 关于 类 的 说 法 ,( “) 是 错误 的 。 
A. 父 类 的 构造 函数 与 析 构 函数 不 会 被 自动 调用 
B. 成 员 变 量 需 要 用 public protected private 修饰 ,在 定义 变量 时 不 再 需要 var 关 
键 字 
C. 父 类 中 定义 的 静态 成 员 ,不 可 以 在 子 类 中 直接 调用 
D. 包含 抽象 方法 的 类 必须 为 抽象 类 ,抽象 类 不 能 被 实例 化 


二 、 填 空 题 

1. PHP 是 的 缩写 ,PHP 文件 中 可 包含 三 部 分 
的 代码 。 

2. 当 把 布尔 值 转换 为 整 型 时 ,true 会 转换 成 ,false 转换 成 。 当 把 布 
尔 值 转换 成 字符 串 时 ,true 会 转换 成 ,false 转换 成 站 

3. 检测 一 个 变量 是 否 设 置 需要 使 用 函数 ,检测 一 个 变量 是 否 为 空 需要 使 
用 函数 。 

4. 对 变量 进行 引用 赋值 时 ,引用 的 变量 名 前 必须 加 和 


5. 对 于 用 $ arr 二 array(1,2,array('h')) 定 义 的 数组 ,数组 元 素 'h' 的 索引 值 是 5 
count($arr,1) 将 返回 

6. 若 要 显示 “xxxx 年 xx 月 xx 日 星期 x xx: xx: xx”, 应 设置 date() 国 数 的 参数 
为 


7. substr( 'abcdef ' ,1,3) 的 返回 值 是 , substr( "abcdef ' ,-2) 的 返回 值 
是 

8. 如 果 字 符 串 $a 二 "test", $b 二 "es", 对 $a 进行 处 理 得 到 $b 的 方法 是 

9. 函数 strpos("xxPPppXXpx","pp") 的 返回 值 是 

10. 实现 中 文字 符 串 无 乱码 的 截取 方法 是 

11. echo count("abc"); 的 输出 结果 是 。 

12. 对 数组 进行 升序 排序 并 保留 索引 关系 ,应 使 用 的 函数 是 

13. 假设 网 站 目录 为 E:\news, 网 站 的 admin 目录 中 的 sh. php 中 有 包含 语句 require 
"inc/conn. php'; ; 则 应 保证 文件 conn. php 位 于 目录 下 ,如 果 将 该 文件 包含 命令 改 


成 require '/inc/conn. php'; , 则 应 保证 文件 conn. php 位 于 目录 下 。 
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14. 假设 要 输出 正确 的 HTML 代码 ,下 列 PHP 代码 中 写法 正确 的 有 

(1)<ta<? = "b" ?>le border="1"> 

(2) <ta<? = b ?>le border="1"> 

(3) <ta<? echo 'b'?>le border="1"> 

(4) <p align 一 "<? 一 "right"”? >"> 段 落 </p > 

(5) <p align= '<? 一 "right"? >'"> 段 落 </p > 

(6) <p <? 一"align 一 'right'”? >> 段 落 </p > 

(7) <p <? 一 'align 一 "right"' ? >> 段 落 </p > 

(8) <? for( $i=1; $i<5s $itt)'?> 

(9) <? for( $i=1; $i<5; $itt+) ?> 

(10) <? for( $i=1;?><? $i<5; $itt+) ?> 

(11) <% fori= 1 to 5 %> 

(12) <? = "< table border='1'>" ?> 

(13) < font size="<? = 6?>"> 天 </font> 

(14) < style> p{ height:<? = 58? > px;}</style> 

三 、 问 答题 

1. 如 果 要 将 一 个 变量 的 数据 类 型 由 字符 串 型 强制 转换 成 整 型 ,有 哪 几 种 方法 ? 

2. 在 页 面 A 中 定义 的 普通 变量 $b 可 以 在 页 面 B 中 使 用 吗 (页 面 A.B 不 存在 包含 关系 )? 

3. 变量 $this 指 的 是 对 象 本 身 , 对 不 对 ? 

4. PHP 允许 父 类 有 多 个 子 类 ,也 允许 子 类 有 多 个 父 类 ,对 不 对 ? 

5. 用 PHP 输出 前 一 天 的 时 间 ,要 求 格式 为 2006-5-10 22:10:11。 

6. 包含 文件 操作 常用 的 4 种 函数 是 什么 ? 各 适合 应 用 于 哪 种 场合 ? 

四 、 编 程 题 

1. 编写 PHP 程序 ,计算 1 一 100 之 间 所 有 偶数 的 总 和 ,然后 把 结果 输出 出 来 。 

2. 编写 程序 ,在 网 页 上 输出 一 个 三 角形 形式 的 九 九 乘法 表 。 

3. 编写 程序 ,使 用 while 循环 计算 4096 是 2 的 几 次 方 ,然后 输出 结果 。 

4. 编写 程序 , 先 声明 一 个 数组 (5,8,2,3,7.6.9.1,8,4,3,0} ,然后 输出 数组 中 最 大 元 素 
和 最 小 元 素 的 索引 值 。 

5. 编写 一 个 实现 字符 串 翻转 的 函数 。 

6. 编写 一 个 函数 ,使 用 字符 串 处 理 函数 获得 文件 的 扩展 名 ,如 输入 ab. jpg, 输 出 jpg。 

7. 编写 一 个 函数 ,输入 是 一 个 小 于 8 位 的 任意 位 数 的 整数 ,输出 是 这 个 整数 各 个 位 上 
的 数 。 要 求 分 别 用 两 种 方式 实现 : 四 直 接 在 函数 内 部 用 echo 请 句 输出 ,函数 没有 返回 值 ; 
回 用 字符 串 处 理 函 数 截取 该 整数 各 位 上 的 数 。 函 数 的 返回 值 是 一 个 数组 ,数组 中 各 元 素 保 
存 了 各 个 位 上 的 数 。 

8. 编写 一 个 可 计算 某 整 数 四 次 方 的 函数 ,该 函数 的 输入 是 一 个 整数 ,输出 是 该 数 的 四 
次 方 。 然 后 调用 该 函数 计算 16 的 四 次 方 , 并 输出 结果 。 

9. 编写 一 个 用 来 判断 某 整 数 是 否 是 质数 的 函数 ,该 函数 的 输入 是 一 个 整数 ,如 果 该 整 
数 是 质数 ,就 返回 true, 否 则 返回 false, 然 后 调用 这 个 函数 输出 2 一 100 内 所 有 的 质数 。 

10. 任意 输入 一 个 整数 ,使 用 函数 的 方法 判断 该 数 是 否 为 偶数 。 

11. 编写 一 个 函数 ,实现 以 下 功能 ,将 字符 串 "cute_boy" 转 换 成 "CuteBoy","how_are_ 


you" 转 换 成 "HowAreYou " 。 
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12. 编写 一 个 函数 ,输入 是 5 个 分 数 ,输出 是 去 掉 一 个 最 高 分 和 去 掉 一 个 最 低 分 后 的 平均 分 。 


13. 将 3.4.1 节 中 的 例 3.4 改写 成 函数 , 即 输入 是 


是 过 滤 后 的 字符 串 , 并 调用 该 函数 实现 例 3. 4 的 功能 。 
14. 编写 函数 ,计算 两 个 文件 的 相对 路 径 ( 例 如 $a='/a/b/c/d/e. php'; $b='/a/b/ 
12/34/c. php'; , 则 计算 出 $b 相对 于 $a 的 相对 路 径 应 该 是 .. /.. /c/d) 。 


15. 先 根据 原理 写 出 下 


(1) 运行 结果 为 : 
$a = "hello"; 
Sb = gS$a; 
unset( $ b); 

$b = "world"; 
echo $a; 


待 过 滤 的 字符 串 和 非法 字符 集 ,输出 


列 程序 的 运行 结果 ,然后 上 机 验证 结果 是 否 正确 。 


(2) 运行 结果 为 : 


$str = "true or false;"; 
if(eval( $ str)) 

echo 1; 
else 

echo 0; 


16. 写 出 下 列 程序 的 运行 如 
了 结果 为 : 


(1) 运行 


$num = 2; 
$a= 2;$b= 1; 


(3) 运行 结果 为 : (5) 运行 结果 为 : 
$n= 10; $nn = 100; $c=5; 
$a= '$nnn'; $d= 0; 
$b = "$nnn"; if( $c = $d+t+) 
$c= $a.s$b; echo $d; 
echo $c; else 

echo $c; 
(4) 运行 结果 为 : (6) 运行 结果 为 : 

d= y= $ str = 'Heng_yang'; 


while( $d>0) { 

= 攻 这 本 二 二 2 
$= 
一 第 
echo $ x; 


结果 : 


for( $i=1; $i<= $num; $it+){ 


$s= $s+ $a/ $b; 
SE 
$a= $at+ $b; 
$b= $t;} 

echo $s; 


$ num = 10; 

function multiply( ){ 
$num = $num *10; 

. 

multiply(); 

echo $ num; 


$x; echo $ res; 


(3) 运行 结果 为 : 


function fun( $a){ 

if( $a>1) 
(= 

else $r= $a 

return SI 

} 

echo fun(3); 


(4) 运行 结果 为 : 


function rev( $ var){ 
$ res=""; 


$arr = explode('_', $ str); 
$ res = implode(''", $ arr); 


for( $i=0,$j=strlen( $var); $ i<$j;$i+t+) { 


$ res= $var[ $i]. $ res; 
: 
return $ res; 
} 
$ tmp = "hengyang" ; 
$ res= rev( $ tmp); 


echo $ res; 
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(5) 运行 结果 为 ， (8) 运行 结果 为 : 
$b = 20; for( $ i=100; $ i<1000; $ i++){ 
$c = 40; $a= intval( $ i/100); 
Ve= Why> ele 一 Wl: $b = intval( $i/10) % 10; 
($b- $c)>0:($b+ $c)?0: $b $c= $1i% 10; 
x Sci if(pow( $a, 3) + pow( $b, 3) + pow( $c, 3) 
echo $a; == $ig& $i% 10 == 0) 
echo $ i; 
(6) 运行 结果 为 : 
$arr = array(1, 1); (9) 运行 结果 为 : 
for( $i=2; $i<20; $it+){ 
$arr[ $i] = $arr[ $i-1] + function fun( $n){ 
$arr[ $i-2]; if( $n == 3) return 1; 
] St = 2% (Fan( Sa 1) + 1); 
for( $i=0; $i<count( $arr); $i++){ return $ t;} 
if ($arr[ $i] %5 == 0){ echo fun(1); 
echo $ arr[ $i]; 
break; 


} 
(7) 运行 结果 为 : 


function t( $n){ 
static $num = 1; 
for($j=1; $j<= $n; $j++) { 
if($j>=488 $j<15) 
$ numt+; 
t($n- $j); 
if( $j== 20) 
$ num——; 
} 
return $ num; 
echo t(5); 


Web 交 互 编 程 


Web 应 用 程序 的 基本 功能 就 是 与 用 户 进行 交互 ,获取 并 处 理 用 户 提交 的 数据 。 用 户 提 
交 数 据 的 常用 方式 是 通过 表单 提交 ,如 用 户 注册 用户 登录 、 留 言 等 都 是 通过 表单 提交 信息 ， 
除 此 之 外 ,也 可 以 使 用 网 址 中 的 参数 传递 数据 。Web 服务 器 必须 能 够 获取 用 户 通过 浏览 器 
发 送 来 的 数据 。 这 些 数据 以 HTTP 请 求 的 方式 发 送 。 

PHP 提供 了 很 多 预定 义 的 超 全 局 变量 ,如 表 4-1 所 示 ,用 来 获取 HTTP 请 求 信息 ,这些 
变量 的 数据 类 型 均 为 数组 。 


表 4-1 PHP 的 超 全 局 变量 及 功能 


超 全 局 变量 功 能 
$ _POST 获取 客户 端 以 POST 方式 发 送 的 HTTP 请 求 信息 
$_GET 获取 客户 端 以 GET 方式 发 送 的 HTTP 请 求 信息 
$_REQUEST 包含 了 $_GET,$_POST 和 $_COOKIE 三 类 数组 中 的 信息 
$_SERVER 获取 HTTP 请 求 中 的 环境 变量 信息 
$_SESSION 存储 单个 用 户 的 信息 
$_COOKIE 获取 客户 端的 Cookie 信息 
$_FILE 获取 通过 POST 方式 上 传 文件 时 的 相关 信息 ,为 多 维 数组 
$_ENV 获取 服务 器 名 称 或 系统 shell 等 与 服务 器 相关 的 信息 


说 明 : 所 谓 超 全 局 变量 表示 该 变量 在 一 个 文件 的 所 有 区 域 中 都 可 使 用 ,包括 自 定义 函数 内 部 。 


人 1 接收 表单 和 URL 数据 


用 户 在 表单 中 输入 数据 后 ,可 以 单 击 “提交 ”按钮 ,将 数据 提交 给 服务 器 ,由 在 服务 器 端 
工作 的 PHP 程序 接收 和 处 理 这 些 表单 数据 。 

表单 提交 数据 的 方式 分 为 GET 和 POST 两 种 ,在 定义 表单 时 ,将 method 属性 设置 为 
GET 或 不 设置 时 ,都 会 采用 GET 方式 提交 ,将 method 属性 设置 为 POST 时 , 则 会 采用 
POST 方式 提交 。 

使 用 GET 方式 提交 数据 时 ,表单 数据 将 通过 URL 参数 的 形式 发 送 给 服务 器 ,而 使 用 
POST 方式 时 ,数据 不 会 出 现在 URL 参数 中 。 


4.1.1 使 用 $_POST[] 获 取 表 单数 据 


在 PHP 程序 中 ,可 以 使 用 $_POST[ ] 数 组 获取 使 用 POST 方式 提交 的 表单 数据 ,语法 如 下 : 
变量 名 = $ _POST[ 参 数 名 ] 


(es PHP Web 程序 设计 与 Ajax 技术 (第 2 版 ) 


1. 使 用 两 张 网 页 


下 面 的 例子 用 来 获取 用 户 登录 时 输入 的 用 户 名 和 密码 。 它 使 用 了 两 张 网 页 ,其 中 4-1. php 
用 来 显示 表单 ,是 一 个 纯 HTML 页 面 ,4-2. php 用 来 接收 并 处 理 表单 中 的 数据 。 


<html >< body> 
< form method = "post" action = "4 一 2.php"> 
用 户 名 :< input type = "text" name = "userName" size = "12"> 
密码 :< input type = "text" name = "PS" size= "10"> 
< input type = "submit" value= "登录 "> 
</form> 
</body ></html > 


<html >< body> 

<? 

$ userName = $_POST[ "userName" ]; 

$ PS= $ _POST["PS"]; 

echo "您 输入 的 用 户 名 是 :". $ userName; 
echo "< br > 您 输入 的 密码 是 :". $ PS; 

?> 

</body ></html > 


4-1. php 的 运行 结果 如 图 4-1 所 示 , 单 击 “ 登 录 ” 按 钮 ,就 会 将 表单 数据 提交 给 4-2. php， 
4-2. php 接收 并 显示 数据 ,如 图 4-2 所 示 。 
http://localhost/php/6/eranple/4 ZX http://1localhostIon [EE 


文件 四 编辑 E) 查看 WW) ”收藏 &W) 工具 DJ 大 ”| 各 文件 编 缉 四 查看 四 ”| 肿 
犯 征 可。 http://1ocahost/4-1 ph 司 天 直 加 j 多 tt: /localhost 司 | 五 所 


您 输入 的 用 户 名 是 :tang 
您 输入 的 密码 是 :123 国 


图 4-1 4-1. php 的 运行 结果 图 4-2 4-2. php 的 运行 结果 


注意 : 表单 代码 中 有 几 个 关键 属性 与 接收 表单 数据 的 程序 密切 关联 ,如 图 4-3 所 示 。 


需要 用 $_POST[D] 接收 表单 数据 的 
接收 数据 文件 是 4-2.php 


i 


所 1 
<form method= Lpost") action= 1 "4-2 hp "| > 


mm il 
密码 :<input type="text" name= LPS" 1size="10(> 


<input type="submit" value=" 登 录 "> 


</form> 根据 name 属 性 
值 获取 数据 


图 4-3 表单 代码 中 与 接收 数据 密切 相关 的 属性 
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说 明 : 


(1) 在 4-1. php 中 ,< form > 标记 的 method 属性 值 为 post, 表 示 该 表单 提交 数据 时 以 
POST 方式 提交 。 如 果 将 其 改 为 get, 那 么 将 以 GET 方式 提交 ,此 时 必须 用 $_GET[] 才 能 
获取 提交 信息 。 

(2) 表单 action 属性 表示 将 信息 传递 给 哪 一 个 php 文件 进行 处 理 , 它 的 属性 值 可 以 是 
相对 URL 或 绝对 URL。 这 里 因为 两 个 文件 在 同一 个 文件 夹 下 ,直接 写 文 件 名 即 可 。 

(3) 4-1. php 中 包括 了 2 个 文本 框 和 1 个 提交 按钮 ,通过 表单 元 素 的 name 属性 值 可 以 
获取 该 表单 元 素 中 输入 的 内 容 ( 即 value 属性 的 值 ) ,其 中 $_POST["userName"] 会 返回 第 一 个 
文本 框 中 输入 的 值 (文本 框 会 将 用 户 输入 的 内 容 作 为 其 value 属性 的 值 ), $ _POST["PS"] 会 
返回 第 二 个 文本 框 中 输入 的 值 。 而 提交 按钮 由 于 没有 对 其 设置 name 属性 ,因此 它 的 value 
值 不 会 发 送 给 服务 器 。 

(4) 在 4-2. php 中 ,也 可 以 不 将 $ _POST 的 值 赋 给 变量 而 是 直接 使 用 ,例如 : echo "您 
输入 的 用 户 名 是 :".$_POST["userName"], 但 为 了 方便 引用 ,也 为 了 能 对 获取 的 值 先进 
行 一 些 检 验 处 理 ( 如 过 滤 非 法 字符 或 空格 ,本 例 省 略 ) ,最 好 先 用 一 个 变量 引用 它 。 


2. 使 用 一 张 网 页 


以 上 示例 分 为 了 表单 文件 和 表单 处 理 程序 两 个 文件 。 实 际 上 ,也 可 以 将 这 两 个 文件 合 
并 为 一 个 文件 ,也 就 是 说 ,网 页 可 以 将 表单 中 的 信息 提交 给 自身 。 这 样 做 的 好 处 是 可 以 减少 
网 站 内 网 页 文件 数量 。 

实现 的 方法 是 : 设置 < form > 标记 的 action 二 "" 或 action 一 "自身 文件 名 " ,然后 将 表单 
代码 和 PHP 代码 写 在 同一 个 文件 中 ,并 判断 只 有 在 用 户 提交 了 表单 后 才 执 行 PHP 代码 ， 
代码 如 下 ,运行 效果 如 图 4-4 所 示 。 


< html >< body > 
< form method = "post”action = ""> 
用 户 名 :< input type = "text" name = "userName" size= "12"> 
密码 :< input type = "text" name = "PS" size = "10"> 
< input type = "submit" name = "denglu" value = "登录 "> 
</form> 
<? 
if(isset( $ _POST[ 'denglu'])) { // 判 断 用 户 是 否 提交 了 表单 ( 即 单 击 了 提交 按钮 ) 
$ userName = $ _POST[ "userName" ]; 
$ PS= $ _POST["PS"]; 
echo "您 输入 的 用 户 名 是 :". $ userName; 
echo "< br > 您 输入 的 密码 是 :". $ PS;} 
2 
</body></html > 


说 明 : 

(1) 本 例 中 ,将 4-2. php 中 的 PHP 代码 全 部 放 在 一 个 条 件 语句 if (Cisset($ _POST 
['denglu'])) {…} 中 。 它 表示 ,如 果 用 户 单 击 了 * 登 录 ” 按 钮 , 才 执行 该 条 件 语句 中 的 内 容 : 
获取 表单 信息 并 显示 。 因 此 , 当 用 户 刚 打开 页 面 时 ,还 没 单 击 提交 按钮 ,就 不 会 执行 条 件 语 
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本 http: /7lecalhest/php747ezaaile 010 Sole| Ed| 
文件 四 ”编辑 @) 查看 轨 收 京 &) 工具) 入 >| 局 
塘 证 右 | 疼 http //1ocslhost/rhp/8/exanp1e/6 274-3 二 | | 诈 这 


用 Ps sa:[ | 攻击 | 当 


您 输入 的 用 户 名 是 : 李 四 | 
您 输入 的 密码 是 :1234 国 | 


图 4-4 4-3. php 的 执行 结果 
句 中 的 内 容 , 只 会 显示 表单 。 


(2) 将 表单 提交 给 自身 就 会 刷新 一 次 网 页 ,而 刷新 页 面 就 会 将 页 面 中 的 所 有 代码 重新 


执行 一 次 。 因 此 用 户 单 击 提交 按钮 后 4-3. php 会 从 头 到 尾 重新 执行 一 遍 。 


想 一 想 : 当 用 户 输入 信息 后 ,4-3. php 同时 显示 了 表单 界面 和 显示 的 信息 ,如 果 只 希望 输 
出 获取 的 信息 ,而 不 再 显示 表单 , 即 和 4-2. php 执行 效果 一 模 一 样 ,该 怎么 改 人 3.php 呢 ? 


3, 获取 复杂 一 点 的 表单 页 面 


下 面 是 一 个 获取 用 户 注册 信息 的 例子 ,其 中 4-4. php 用 来 显示 表单 ,4-5. php 用 来 获取 表 
单数 据 。 请 仔细 体会 获取 单 选 框 复 选 框 \ 下 拉 框 和 多 行文 本 域 等 表单 元 素 中 内 容 的 方法 。 


<html ><body> 
<hl align = "center"> 新 用 户 注 册 </hl > 
< form method = "Post" action = "4— 5.php"> 
姓名 :< input type = "text" name = "name">< br> 
性 别 :< input type = "radio" name = "Sex" value = "1" checked = "checked"> 男 
< input type = "radio" name = "Sex" value = "0"> 女 <br> 
爱好 :< input type = "checkbox"”name = "hobby[]" value = "太极 拳 "> 太极 拳 
< input type = "checkbox" name = "hobby[]" value = "音乐 "> 音乐 
< input type = "checkbox"” name = "hobby[]" value = "旅游 "> 旅游 < br > 
职业 :< select name = "career"> 
< option value = "教育 业 "> 教 育 业 </option > 
< option value= "医疗 业 "> 医 疗 业 </option> 
< option value = "其 他 "> 其 他 </option> 
</select><br> 
个 性 签名 :< textarea name = "intro" rows = "2" cols = "20"></textarea>< br> 
< input type= "submit" value=" 提交 "> 


</form> 
</body ></html > 
Sn 和 
< html >< body > 

< h3 align = "center"> 

<? $ name= $_POST[ "name"]; // 获 取 各 个 表单 元 素 的 值 


$ Sex= $_POST["Sex"]; 

$ hobby = $ _POST[ "hobby" ]; 

$ career = $_POST["career"]; 
$ intro= $ _POST["intro"]; 
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$ hobbynum = count( $ hobby); 
echo "尊敬 的 ". $ name ; // 输 出 各 个 表单 元 素 的 值 
证 ($Sex== "1") echo "先生 </h3>"; ”// 根 据 单 选 框 的 值 输出 先生 或 女士 
if ($ Sex=="0") echo "女士 </h3>"; 
echo "< p> 您 选择 了 ". $ hobbynum. "项 爱好 :</p>" ; 
for( $i=0;$i<$hobbynum; $ it++) ”// 通 过 循环 输出 复 选 框 的 值 
echo $ hobby[ $ i].''; 
echo "< br > 您 的 职业 :" . $ career; 
echo "< br > 您 的 个 性 签名 :" . $ intro; 
//var_dump( $ _POST); // 获 取 所 有 表单 元 素 的 值 
?> 
<p><a href = "JavaScript:history.go( - 1)"> 返 回 修 改 </a></p> 
</body></html > 


程序 4-4. php 的 初始 运行 效果 如 图 4-5 所 示 , 单 击 “提交 ?按钮 后 效果 如 图 4-6 所 示 。 


到 http://local 


http://localhost/ Php /OL esa 


ee 


I 


链接 天 证 加 四 http: /iocahostyphpy/e/exwmpl 二 | 链接 
新 用 户 注 册 尊敬 的 张三丰 先生 日 
姓名 , RE 您 选择 了 2 项 爱好 ， 
性 别 ，6 男 C 女 复 选 杠 的 值 
爱好 ， 多 太极 尝 口音 乐 区 旅游 
a [Er 到 _ 人 人性 呈 全 举 F| 
个 性 签名 ， 3 流 曾 由 计 
| - 


图 4-5 4-4. php 的 初始 运行 结果 图 4-6 4-4. php 单 击 “ 提 交 ” 按 钮 后 


说 明 : 

(1) 对 于 单 选 框 ,两 个 单 选 框 的 name 属性 值 一 样 ,就 表示 这 是 一 组 ,只 能 选中 一 

(2) 对 于 复 选 框 ,三 个 复 选 框 的 name 属性 值 相同 ,也 表示 是 一 组 ， ea 
个 ,如 果 选 中 多 个 , 则 多 个 复 选 框 的 值 将 保存 在 一 个 数组 中 ,可 以 用 循环 语句 输出 所 有 选中 
复 选 框 的 值 。 

(3) 总 的 来 说 ,表单 元 素 可 分 为 两 类 : 对 于 文本 域 、 密 码 域 .多 行文 本 框 这 些 需要 用 
户 输入 内 容 的 , $ _POST[J 获 取 的 就 是 用 户 输入 的 内 容 ; @ 对 于 单 选 框 复 选 框 \ 下 拉 列 表 
框 、 隐 藏 域 这 些 无 须 用户 输 入 内 容 的 ,$_POSTD] 获 取 的 就 是 选中 项 的 value 值 ,因此 对 这 
类 表单 元 素 必 须 设 置 value 属性 值 。 

(4) 当 多 个 复 选 框 属 于 同一 组 具有 相同 名 称 时 , 则 对 其 name 属性 值 命名 时 一 定 要 命名 
成 数组 的 形式 ,如 name 王 "hobby[]"。 这 样 $_POST["hobby"] 返 回 的 结果 才 会 是 一 个 数 
组 ,可 以 利用 count() 方 法 获得 该 数组 中 的 元 素 总 数 ,还 可 利用 数组 名 加 索引 值 取 得 其 中 某 
个 元 素 的 内 容 值 。 例 如 在 上 例 中 $_POST["hobby"J[1] 的 值 为 “旅游 ”。 


4. 对 $_POST[L ] 数 组 的 深入 认识 
实际 上 , $ _POST[] 是 一 个 数组 , 它 保存 了 接收 到 的 所 有 的 表单 元 素 值 ,而 $ _POST 
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[ "Sex"] 是 一 个 数组 元 素 。 我 们 可 以 在 4-5. php 中 添加 一 行 代码 : 


var_dump( $ _POST); 
则 输出 结果 为 : 


array(5) { ["name"] => string(6) "张三丰 " ["Sex"] => string(1) "1" ["hobby"] => array(2) 
{ [0] => string(6) "太极 拳 " [1] => string(4) "旅游 " } ["career"] => string(6) "医疗 业 " 
["intro"] => string(10) " 千 杯 不 醉 !" } 


可 见 该 数组 中 ,数组 元 素 的 键 名 为 表单 元 素 的 name 属性 值 ,数组 元 素 的 值 为 表单 元 素 的 
value 属性 值 。 因 此 可 以 用 数组 元 素 如 $_POST["intro"] 获 取 对 应 表单 元 素 的 value 属性 值 。 

$_POST 数组 元 素 的 键 名 一 定 要 加 引号 ,如 $$_POST["Sex"] ,不 加 虽然 不 会 出 错 ,但 
运行 效率 会 大 大 降低 ,原因 请 看 3. 3. 1 节 中 的 “创建 数组 注意 事项 ”。 


4.1.2 使 用 $_GET[] 获 取 表 单数 据 


如 果 表单 是 以 GET 方式 提交 的 , 即 method 属性 值 为 GET( 或 没有 设置 ), 则 必须 用 
$_GET[] 数 组 获取 表单 中 的 数据 。 下面 对 4-1. php 进行 修改 ,使 它 以 GET 方式 提交 数 
据 。 代 码 如 下 : 


< htm]l >< body > 

< form method = "get" action = "4 一 7.php"> 
用 户 名 :< input type = "text" name = "userName" size = "12"> 
密码 :< input type = "text" name = "PS" size = "10"> 
< input type = "submit" value= "登录 "> 

</form> 

</body ></html > 


<html ><body> 

<? $userName= $_GET["userName"];  // 获 取 GET 方 式 提交 的 表单 数据 
$ PS= $_GET["PS"]; 

echo "您 输入 的 用 户 名 是 :". $ userName; 

echo "< br > 您 输入 的 密码 是 :". $ PS; 


?> 
</body></html > 


GET 方式 与 POST 方式 提交 的 区 别 在 于 : GET 方式 会 将 表单 中 的 数据 以 URL 字符 
串 的 形式 发 送 给 服务 器 ,例如 , 当 单 击 图 4-1 中 的 “登录 ”按钮 后 .浏览 器 地 址 栏 会 显示 : 


http://localhost/4— 7.php?userName = tang&PS = 123 
而 POST 方式 提交 的 话 ,浏览 器 地 址 栏 只 会 显示 : 
http://localhost/4 - 1. php 


可 见 ,POST 方式 提交 表单 比 GET 方式 提交 表单 更 安全 ,不 会 泄露 机 密 数 据 。 并 且 ， 
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POST 方式 发 送 的 字 节 数 没有 限制 。 
4.1.3 使 用 $_GETL[ 获取 URL 字符 串 信息 
1. 什么 是 查询 字符 串 


如 果 你 浏览 网 页 时 足够 仔细 ,就 会 发 现 有 些 URL 后 面 经 常会 跟 一 些 以 “?” 开 头 的 字符 
串 , 这 称 为 查询 字符 串 。 例 如 : 


http://ec. hynu. cn/otype. php?owenl = 近期 工作 gspage= 2 


其 中 ,“?owenl 二 近期 工作 &page 一 2? 就 是 一 个 查询 字符 串 , 它 包含 两 个 URL 变量 
(owenl 和 page) ,而 “近期 工作 ”和 “2” 分 别 是 这 两 个 URL 变量 的 值 ,变量 和 值 之 间 用 “一 ” 
号 连接 ,多 个 URL 变量 之 间 用 “&” 连 接 。 

查询 字符 串 会 连同 URL 信息 一 起 作为 HTTP 请 求 报 文 提交 给 服务 器 端的 相应 文件 ， 
例如 上 面 的 查询 字符 串 信息 将 提交 给 otype. php。 利 用 $ _GET[] 可 以 获取 查询 字符 串 中 
变量 的 值 。 例 如 在 otype. php 中 编写 如 下 代码 ,就 能 获取 到 这 些 查 询 变量 的 值 了 。 


<? 
$ owen= $ _GET[ "owen1"]; // 获 取 变量 owenl 的 值 ,返回 "近期 工作 " 
$ page= $ _GET[ "page"]; // 获 取 变量 page 的 值 ,返回 "2" 

> 


2. 设置 查询 字符 串 的 方法 

当 网 页 通过 超 链接 或 其 他 方式 从 一 张 网 页 跳 转 到 另 一 张 网 页 时 ,往往 需要 在 跳 转 的 同 
时 把 一 些 数据 传递 到 第 二 张 网 页 中 。 我 们 可 以 把 这 些 数据 作为 查询 字符 串 附 在 超 链 接 的 
URL 后 ,在 第 二 张 网 页 中 使 用 $_GET[] 获 取 URL 变量 的 值 。 例 如 : 

<a href = "search. php?key = Web 标准 &pageNo = 5"> 查 询 结 果 第 5 页 </a> 
则 在 search，php 中 就 可 用 $_GETD] 获 取 第 一 张 网 页 传递 来 的 URL 变量 的 值 。 这 是 通过 
超 链 接 设 置 查询 字符 串 ,第 2 种 方法 是 在 < form > 标记 的 action 属性 中 设置 。 下 面 分 别 来 


介绍 。 
(1) 在 超 链 接 中 设置 查询 字符 串 ,示例 代码 如 下 ,运行 结果 如 图 4-7 和 图 4-8 所 示 。 
Se bb 
<html ><body> 
<ul> 


<1li><ahref="4-9.php?id= 1">( 电 子 商 务 安全 ?震撼 上 市 </a></1i> 
<1i><a href = "4-9.php?id=2"> ASP 动态 网 页 设计 与 Ajax 技术 </a> </1i> 
<1i><a href = "4 一 9.php?id= 3"> 基 于 Web 标准 的 网 页 设计 与 …</a> </1i> 
</ul > 
</body ></html > 


<? $id=intval( $_GET["id"]); // 获 取 URL 字 符 串 中 变量 id 的 值 并 转 为 整 型 
if ($id==1) 
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echo "<p> 这 是 第 一 条 新 闻 </p>"; 
elseif ( $ id==2) 

echo "<p> 这 是 第 二 条 新 闻 </p>"; 
elseif ( $ id== 3) 

echo "<p> 这 是 第 三 条 新 闻 </p>"; 
elseecho "< p> 参数 非 法 </p>"; 


?> 


Ey Er ET | 
正二 加 | 狼 http://1ocalho A 


十 十 加 [图 http://iocahostyphpya/e 到 到 
这 是 第 二 条 新 闻 


加 | 
图 4-7 单 击 4-8. php 中 第 二 个 超 链接 图 4-8 4-9. php 的 运行 结果 


说 明 : 


Q@ 4-8. php 中 所 有 链接 都 是 链接 到 同一 网 页 ,只 是 设置 了 不 同 的 URL 变量 值 , 就 可 以 
使 4-9. php 根据 不 同 链接 传 来 的 不 同 id 值 显示 对 应 的 网 页 内 容 , 实 现 了 动态 新 闻 网 页 


效果 。 


@ URL 变量 中 的 数据 都 是 字符 串 类 型 的 值 ,因此 如 果 要 对 数值 进行 判断 ,最 好 先 转换 


为 数值 型 ,这 样 可 防止 非法 用 户 手工 在 URL 后 注入 非 法 参数 。 


(2) 在 < form > 标记 的 action 属性 中 设置 查询 字符 串 。 示 例 代 码 如 下 ,运行 结果 如 图 4-9 


所 示 。 


<html >< body> 
<? $flag= $_GET["flag"]; // 获 取 URL 变量 flag 的 值 
if ($ flag== '1') 
echo ' 欢 迎 '. $ _POST[ 'user'].' 光临! '; 
else // 没 有 按 " 提 交 " 按 钮 时 
echo '<form method = "post" action = "?flag=1"> 
姓名 :< input name = "user" type = "text" size="15" /> 
< input type= "submit" value = "提交 " /> 
</form>'; 
?> 
</body></html > 


http://localhost/php/er OAT 
文件 四 编辑 @) 查看 WW 收 ; >| 肿 
地 址 @) [他 http 71lecalhest/php/ 国 链接 


欢迎 张三丰 光临 ! 


到 http://localhost/phpi6P | 
文件 四 编辑 世 ， 查看 WW 收 ” 避 
LETT 有 FRRTTETTTS | 


图 4-9 4-10. php 的 运行 结果 
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说 明 : 在 < form > 标记 中 *action 王 "?flag 王 1"”, 省 略 了 文件 名 表示 将 表单 提交 给 自身 ， 
设置 查询 字符 串 flag 二 1 用 来 判断 用 户 是 否 按 了 “提交 ”按钮 ,一 旦 按 了 则 URL 地 址 后 会 增 
加 "?flag 二 1", 因 此 可 据 此 显示 不 同 的 内 容 。 

(3) 设置 查询 字符 串 的 方法 总 结 。 

如 果 要 设置 查询 字符 串 ,以便 将 查询 字符 串 中 的 信息 传递 给 相应 网 页 。 有 以 下 方法 ， 

Q@ 在 超 链 接 的 href 属性 值 中 的 URL 后 添加 查询 字符 串 ; 

@ 在 表单 的 action 属性 值 中 的 URL 后 添加 查询 字符 串 ; 

@ 直接 在 浏览 器 地 址 栏 中 的 网 页 URL 后 手工 输入 查询 字符 串 。 

显然 ,普通 用 户 不 会 使 用 第 @ 种 方法 设置 查询 字符 串 ,因此 我 们 一 般 使 用 方法 四 或 四 诱 
导 用 户 将 URL 变量 传递 给 相关 网 页 。 

提示 : 表单 如 果 设置 为 GET 方式 提交 ,那么 表单 中 数据 将 转换 成 URL 字符 串 发 送 给 
服务 器 。 此 时 若 在 表单 的 action 属性 值 中 也 设置 URL 字符 串 ,那么 将 发 生 冲 突 ,action 属 
性 值 中 的 URL 字符 串 将 无 效 。 因 此 如 果 在 action 属性 值 中 有 URL 字符 串 , 则 表单 只 能 用 
POST 方式 提交 ,4-10. php 就 是 一 个 例子 。 


4.1.4 发 送 HTTP 请 求 的 基本 方法 


浏览 器 向 服务 器 发 送 HTTP 请 求 有 两 种 基本 方法 : 一 种 是 在 地 址 栏 输入 网 址 并 按 
Enter 键 ,这样 将 以 GET 方式 向 服务 器 发 送 一 个 HTTP 请 求 ; 另 一 种 方法 是 提交 表单 ,如 
果 设 置 form 标记 的 method 属性 为 get, 那 么 表单 中 的 数据 将 以 GET 方式 发 送 给 服务 器 ; 
如 果 设 置 form 标记 的 method 属性 为 post, 那 么 数据 将 以 POST 方式 发 送 。 对 于 GET 方 
式 的 HTTP 请 求 ,服务 器 端 只 有 使 用 $ _GETL[L] 才 能 获取 其 中 的 数据 ,而 对 于 POST 方式 
的 HTTP 请 求 , 服 务 器 端 只 有 使 用 $_POST[] 才 能 获取 其 中 的 数据 ,如 表 4-2 所 示 。 


表 4-2 浏览 器 发 送 请 求 和 服务 器 获取 请 求 的 方法 


发 送 请 求 的 方法 发 送 请 求 的 方式 服务 器 获取 请 求 的 方法 
入 人 a GET 方 式 $_GET[] 
method= "ge 
提交 表单 method= "post" POST 方式 $ _POST[] 


一 个 HTTP 请 求实 际 上 是 一 个 数据 包 . 如 果 以 提交 表单 形式 发 送 HTTP 请 求 , 则 这 个 
数据 包 中 含有 表单 数据 ,如 果 是 GET 方式 发 送 的 请 求 , 则 包含 了 URL 字符 串 中 的 数据 。 

以 4-1. php 和 4-2. php 的 执行 过 程 为 例 。 我 们 可 以 把 浏览 器 发 送 的 HTTP 请 求 数据 
包 想 象 成 一 辆 卡车 , 它 装 载 了 用 户 在 表单 中 填写 的 信息 。 当 单 击 提交 按钮 后 ,就 会 发 送 
HTTP 请 求 给 服务 器 。 这 就 好 比 这 辆 卡车 载 着 货物 (表单 中 的 信息 ) 从 浏览 器 行驶 到 了 服 
务 器 。 服 务 器 此 时 可 以 使 用 $ _POSTL]j 秃 下 卡车 上 的 货物 ,保存 到 服务 器 端的 变量 中 。 整 
个 过 程 如 图 4-10 所 示 。 

提示 : PHP 还 提供 了 名 _REQUEST[] 数 组 , 它 包 含 了 $_GET、$ _POST 和 $_ 
COOKIE 数组 信息 。 因 此 它 可 以 获取 GET 或 POST 两 种 方式 提交 的 数据 ,以 及 Cookie 数 
据 。 所 以 ,PHP 程序 中 的 $_GET 或 $_POST 都 可 用 $_REQUEST 取代 。 
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HTTP 请 求 发 往 服务 器 HTTP 请 求 


user || PS 


4-2.php 一 
/£2 用 户 名 :Fe 
user || PS f 族 码 :bee 


$user=$ POST["user"]; 浏览 器 
Apache 。$PS=$_POST["PS"]; 浏览 器 


阶段 二 : 服务 器 获取 HTTP 请 求 阶段 一 : 浏览 器 发 送 HTTP 请 求 
图 4-10 浏览 器 发 送 HTTP 请 求 和 服务 器 获取 HTTP 请 求 内 容 的 示意 图 


4.1.5 ”使 用 $_SERVER[ ] 获 取 环 境 变量 信 


实际 上 ,浏览 器 发 送 的 HTTP 请 求 数据 包 中 还 包含 了 客户 端的 IP 地 址 、 请 求 文件 的 
URL 等 环境 变量 信息 。 服 务 器 在 接收 到 这 个 请 求 时 也 会 给 出 服务 器 端 IP 地 址 等 环境 变量 
信息 ,利用 $_SERVER[D] 数 组 可 以 方便 地 获取 到 这 些 信息 。 例 如 获取 浏览 者 IP 和 来 路 , 代 
码 如 下 : 


二 和 
<? $IP= $_SERVER[ 'REMOTE ADDR']; // 获 取 用 户 IP 地 址 

$ From = $ _SERVER[ 'HTTP_REFERER']; // 获 取 用 户 来 路 

echo "您 的 IP 地 址 是 :" . $ IP; 

echo < br > 您 是 单 击 … $ From. ' 页 面 中 的 链接 进来 的 ' 


?> 


在 程序 中 ," REMOTE_ADDR" 就 是 一 个 环境 变量 名 ,表示 客户 端的 IP 地 址 。 而 
“HTTP_REFERER” 可 以 获取 用 户 是 从 哪个 网 页 进入 当前 网 页 的 。 例 如 : 在 4-8. php 中 做 
一 个 到 4-11. php 的 超 链接 , 单 击 该 超 链 接 进入 4-11. php, 则 4-11. php 的 运行 结果 如 下 : 


您 的 IP 地 址 是 :127.0.0.1 
您 是 单 击 http://localhost/6/4 - 8. php 页 面 中 的 链接 进来 的 


通过 “HTTP_REFERER” 获 取 用 户 来 路 ,可 以 知道 自己 的 网 页 被 哪些 网 站 收录 或 反 
链 , 例 如 : 如 果 用 户 是 单 击 “ 百 度 ” 上 的 搜索 结果 打开 当前 网 页 的 ,那么 获取 来 路 就 会 返回 百 
度 搜索 页 的 URL。 

其 他 比较 有 用 的 环境 变量 如 表 4-3 所 示 。 


表 4-3 常用 的 环境 变量 


环境 变量 名 功能 说 明 
QUERY_STRING 查询 字符 串 信 息 
SCRIPT_NAME 当前 文件 相对 于 网 站 目录 的 路 径 和 文件 名 
SCRIPT_FILENAME 当前 文件 在 硬盘 中 的 路 径 和 文件 名 
PHP_SELF 当前 正在 执行 脚本 的 文件 名 
DOCUMENT_ROOT 当前 网 站 根 目录 
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续 表 

环境 变量 名 功能 说 明 
SERVER_SOFTWARE Web 服务 器 软件 的 名 称 , 如 IIS/5. 1 
SERVER_PORT 服务 器 端的 端口 号 
SERVER_NAME 服务 器 主机 的 名 称 
SERVER_SIGNATURE 包含 服务 器 版 本 和 虚拟 主机 名 的 字符 串 
REQUEST_METHOD HTTP 请 求 的 方式 ,如 :“GET”“POST” 
REQUEST_TIME HTTP 请 求 开 始 时 的 时 间 戳 


@.2 发 送 数 据 给 浏览 器 


Web 应 用 程序 的 基本 功能 包括 两 方面 : 一 是 接收 并 处 理 浏览 器 发 送 的 HTTP 请 求 数 
据 , 二 是 根据 HTTP 请 求 作 出 HTTP 响应 ,这 包括 输出 信息 给 浏览 器 ,使 浏览 器 重 定向 到 
其 他 页 面 等 。 


4.2.1 使 用 echo 方法 输出 信息 


在 PHP 编程 中 ,echo 方法 是 最 常用 的 方法 , 它 用 来 将 服务 器 端的 数据 发 送 给 浏览 器 。 
所 发 送 的 信息 可 以 是 字符 串 常量 .变量 .HTML 代码 JavaScript 代码 等 所 有 浏览 器 能 解释 
的 代码 。 下 面 是 一 些 例子 : 


<? echo "欢迎 您 :"; // 输 出 字符 串 常量 
$i= ' 小 花 '; 
echo $ i; // 输 出 变量 
echo <p> 欢 迎 您 :'. $ i. '</p>'; // 输 出 字符 串 常量 和 变量 的 混合 体 


echo "<a href = '4- 4.php> 新 用 户 注册 </a>"; // 输 出 HTML 代码 
echo "< script > alert( ' 留 言 修改 成 功 ') ;location. href = '4- 10.php';</script>"; 
echo "< br > 欢迎 您 :"，$ i; // 输 出 多 个 字符 串 

?> 


说 明 : 

(1) echo 后 可 接 字符 串 常量 或 变量 。 回 顾 一 下 字符 串 常量 和 变量 的 写法 : 两 边 加 引号 
表示 字符 串 常量 ,不 加 引号 表示 的 是 变量 。 如 果 要 输出 的 内 容 既 有 字符 串 常 量 又 有 变量 , 则 
它们 之 间 要 用 连接 符 (. ) 连 接 或 使 用 双 引 号 字符 串 包含 变量 。 

(2) HTML 代码 本 质 上 也 是 一 段 字 符 串 ,echo 可 将 它 作为 字符 串 常 量 输出 ,因此 
HTML 代码 两 边 要 加 引号 。 

(3) echo 方法 可 以 加 括号 ,也 可 以 不 加 括号 ,如 echo "欢迎 " 也 可 写成 echo( "欢迎 ") 。 

(4) echo 还 有 一 种 省 略 的 写法 , 即 <? 二 …?>(<? 和 二 之 间 不 能 有 空格 ) ,例如 : 


<? = "欢迎 您 :"; ?> 
<? = '<p> 欢 迎 您 :'. $i .</p>' ?> 


这 种 方法 虽然 简便 ,但 它 的 两 端 必须 要 有 “<?” 和 “?>”, 导 致 在 它 前 面 和 后 面 的 PHP 代 
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码 也 必须 用 “?>” 和 “<?” 进 行 封闭 。 如 果 它 的 前 面 和 后 面 都 是 HTML 代码 , 则 用 这 种 方式 
比较 方便 。 如 果 它 的 前 后 都 是 PHP 代码 , 则 使 用 echo 方法 更 清晰 。 

除了 使 用 echo 方法 输出 信息 外 ,在 PHP 中 ,还 有 print、print_r、var_dump 这 些 语句 也 
能 用 来 输出 信息 。 

echo 和 print 功能 几乎 完全 相同 ,唯一 区 别 是 : 使 用 echo 可 以 同时 输出 多 个 字符 串 , 多 
个 字符 串 之 间 用 逗号 隔 开 即 可 ,而 print 一 次 只 能 输出 一 个 字符 串 。 

print_r() 用 于 输出 整个 数组 ,var_dump() 用 于 输出 变量 的 数据 类 型 和 值 , 是 调试 程序 
的 好 帮手 。 这 两 个 方法 后 面 的 括号 都 不 能 省 略 。 


4.2.2 使 用 header() 函 数 重 定向 网 页 


在 HTML 中 ,可 以 使 用 超 链接 引导 用 户 至 其 他 页 面 ,但 必须 要 用 户 单 击 超 链接 才 行 。 
可 是 有 时 可 能 需要 自动 引导 (也 称 重 定向 ) 用 户 至 另 一 页 面 (例如 用 户 注 册 成 功 后 就 自动 跳 
转 到 登录 页 面 )。 或 者 根据 程序 来 动态 判断 将 用 户 引导 到 哪 一 页 面 。 


1. 重 定向 网 页 
在 PHP 中 ,使 用 header() 函 数 可 以 重 定向 网 页 ,例如 : 


<? 

header ("location:http://www. baidu. com"); // 重 定向 到 绝对 URL 
header("location:4 - 8. php"); // 重 定向 到 相对 URL 
header("location:?flag= 1"); // 重 定向 到 本 页 ,并 增加 查询 字符 串 
$url='4-1.php'; 

header ("location: $ url"); // 重 定向 到 变量 表示 的 网 址 

?> 

注意 : 


(1) location 和 “;” 号 之 间 不 能 有 空格 ,否则 会 出 错 。 

(2) 在 header 函数 代码 之 前 ,服务 器 不 能 向 客户 端 发 送 任 何 数据 。 

(3) 如 果 PHP 代码 中 有 多 条 重 定向 语句 , 则 会 重 定向 到 最 后 一 条 语句 中 的 URL, 表 明 
PHP 在 执行 重 定 向 语句 后 ,仍然 会 继续 执行 后 面 的 语句 。 如 果 希 望 执行 完 重 定向 语句 后 立 
即 停止 脚本 执行 ,应 在 header 语句 后 使 用 exit() 或 die() 方 法 退出 。 

header 函数 的 功能 和 JavaScript 脚本 中 location. href 的 功能 有 些 相 似 , 如 header 
("location: 4-8. php"); 又 可 使 用 echo "< script > location. href 王 '4-8. php'; </script >"; 
来 实现 。 不 过 header() 函 数 要 求 在 重 定向 之 前 不 允许 服务 器 向 浏览 器 输出 任何 内 容 , 因 此 
使 用 该 方法 要 么 确保 先 用 ob_start() 打 开 服务 器 缓冲 区 ,使 所 有 的 内 容 先 输出 到 缓存 中 ,还 
没有 输出 到 浏览 器 ; 要 么 确保 在 header() 语 句 之 前 没有 任何 内 容 输出 到 页 面 。 因 此 下 面 的 
写法 是 错误 的 : 


< html >< body > 
<? header("location:4-8.php "); ?> 
</body></html > 
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2. header() 函数 的 其 他 功能 


实际 上 ,header() 函数 的 功能 是 向 浏览 器 传送 一 个 HTTP 响应 头 信息 ,语法 如 下 : 
void header (string message [, bool replace [，int http_response_code]] ) 


其 中 ,message 参数 用 来 设置 响应 头 信 息 ,其 格式 为 "header_name: header_value”。 

浏览 器 收 到 这 些 响应 头 信息 后 ,会 作出 适当 的 反应 。 如 收 到 “Location: URL” 响 应 头 
后 ,浏览 器 就 会 将 页 面 重 定向 到 URL 指定 的 页 面 。header() 函数 的 其 他 功能 如 下 。 

(1) 文件 延迟 转向 。 

使 用 Refresh 响应 头 , 可 以 使 页 面 延 迟 N 秒 后 , 重 定向 到 指定 的 URL 页 面 。 例 如 : 


header( 'Refresh:3; url = http://ec. hynu. cn'); //3 秒 后 转 到 ec. hynu. cn 


(2) 禁用 浏览 器 缓存 。 

为 了 让 用 户 每 次 都 能 从 服务 器 上 获取 最 新 的 网 页 ,而 不 是 浏览 器 缓存 中 的 网 页 ,可 以 使 
用 下 列 标 头 禁用 浏览 器 缓存 。 

header( 'Expires: Mon,26 Jul 1997 05:00:00 GMT'); // 设 置 过 期 时 间 为 过 去 某 一 天 

header( 'Last ~ Modified:'. gmdate( 'D, dMY H:i:s') ，'GMT') 7 

header( 'Cache - Control: no - store, no - cache, must - revalidate'); 

header( 'Pragma: no ~ cache'); 


(3) 强制 下 载 文件 。 

简单 文件 下 载 只 需要 使 用 超 链接 标记 < a >, 将 href 属性 值 指定 为 下 载 的 文件 即 可 。 这 
种 方式 下 载 ,只 能 处 理 一 些 浏览 器 不 能 打开 的 文件 (如 rar 文件) ,但 如 果 要 下 载 的 文件 后 级 
名 是 . html 的 网 页 文件 ,或 图 片 文件 等 ,使 用 这 种 链接 方式 并 不 会 提示 下 载 ,而 是 将 文件 内 
容 直接 输出 到 浏览 器 。 为 此 ,可 使 用 header 函数 向 浏览 器 发 送 必 要 的 头 信 息 , 以 通知 浏览 
器 进行 下 载 文件 的 处 理 。 强 制 下 载 文件 的 示例 代码 如 下 : 

<? $filename="test.gif"; // 指 定 文件 名 

header( 'Content - Type: image/gif'); // 指 定 下 载 文 件 类 型 

header( 'Content - Disposition: attachment; filename ="'. $ filename. '"'); // 下 载 文 件 的 描述 

header( 'Content - Length: '. filesize( $ filename)); // 下 载 文件 的 大 小 

readfile( $ filename) // 将 文件 内 容 读 取出 来 并 直接 输出 ,以 便 下 载 


这 样 ,在 当前 目录 下 放 一 个 图 片 文件 test. gif, 运 行程 序 ,就 会 提示 下 载 test gif 文件 。 
4.2.3 操作 缓冲 区 


缓冲 区 指 服务 器 内 存 中 的 一 块 区 域 。 在 没有 开启 缓冲 区 时 ,执行 文件 输出 的 内 容 都 是 
直接 输出 到 浏览 器 。 开 启 缓冲 区 后 ,执行 文件 输出 的 内 容 会 先 存 人 缓冲 区 ,直到 脚本 执行 完 
毕 ( 或 遇 到 一 些 缓冲 区 操作 指令 ) ,再 将 缓冲 区 中 的 内 容 发 送 给 浏览 器 。 

PHP 提供 了 很 多 操作 缓冲 区 的 函数 ( 表 44), 这 些 函 数 名 中 都 有 “ob”,ob 是 “Output 
Control” 的 缩写 ,表示 在 服务 器 端 先 存储 有 关 输出 ,等 待 适当 的 时 机 再 输出 。 下 面 分 别 讲解 。 


108 


PHP Web 程序 设计 与 Ajax 技术 (第 2 版 ) 


表 4-4 PHP 缓冲 区 操作 函数 


函 数 名 功 能 
ob_start 打开 输出 缓冲 区 
ob_get_contents | 返回 内 部 缓冲 区 的 内 容 
ob_get_clean 返回 内 部 缓冲 区 的 内 容 , 并 关闭 缓冲 区 
ob_get_flush 返回 内 部 缓冲 区 的 内 容 ,并 关闭 缓冲 区 ,再 将 缓冲 区 的 内 容 立 刻 输 出 到 客户 端 
ob_get_length | 返回 内 部 缓冲 区 的 内 容 长 度 


ob_clean 删除 内 部 缓冲 区 的 内 容 , 但 不 关闭 缓冲 区 
ob_flush 立刻 输出 内 部 缓冲 区 的 内 容 , 但 不 关闭 缓冲 区 
flush 刷新 输出 缓冲 ,将 ob_flush 输出 的 内 容 , 以 及 不 在 PHP 缓冲 区 的 内 容 , 全 部 输出 至 浏览 器 


ob_end_clean 删除 内 部 缓冲 区 的 内 容 , 并 关闭 缓冲 区 
ob_end_flush “| 立刻 输出 内 部 缓冲 区 的 内 容 , 并 不 关闭 缓冲 区 


提示 : 缓冲 区 函数 名 中 ,end 表示 关闭 缓冲 区 ; clean 表示 删除 缓冲 区 中 的 内 容 ; flush 
表示 发 送 缓冲 区 中 的 内 容 到 浏览 器 ; get 表示 缓冲 区 中 的 内 容 将 作为 函数 的 返回 值 返回 。 


1. 使 用 ob_start() 打 开 缓冲 区 
ob_start() 用 来 打开 缓冲 区 ,下 面 的 程序 用 来 演示 打开 和 关闭 缓冲 区 时 的 差异 。 


<? ob_start(); // 删 除 该 语句 再 试 试 
for( $i=1;$i<20; $i++){ 
for( $j=1;$j<600000; $j+t+); ”// 空 循环 语句 ,用 于 延迟 
echo $a "s 
上 
?> 


当 程 序 中 有 ob_start() 语 句 时 ,缓冲 区 打开 ,程序 会 将 输出 的 内 容 先 存储 到 缓冲 区 , 待 
程序 执行 完 后 ,再 将 缓冲 区 中 的 内 容 一 起 输出 到 浏览 器 。 因 此 运行 程序 后 ,会 先 延 迟 一 段 时 
间 ,然后 所 有 数字 一 起 显示 出 来 。 

而 将 ob_start() 语 句 删除 后 ,缓冲 区 关闭 ,程序 每 次 执行 到 输出 语句 就 会 立即 输出 , 因 
此 运行 程序 不 会 延迟 ,数字 会 一 个 一 个 地 显示 出 来 。 


2. ob flush 和 ob_clean() 方 法 


当 缓冲 区 打开 后 ,ob_flush() 方 法 可 以 将 缓冲 区 中 的 内 容 立 刻 输 出 到 客户 端 ,ob_clean() 方 
法 用 于 将 当前 缓冲 区 中 的 内 容 全 部 清除 。 例 如 : 


<? ob_start(); 


echo "第 一 条 "; 

ob_flush(); // 立 刻 输出 缓冲 区 中 的 内 容 
echo "第 二 条 "; 

ob_clean(); // 清 除 缓冲 区 中 的 内 容 
echo "第 三 条 "; 


ob_end flush(); // 发 送 缓冲 区 的 内 容 到 浏览 器 ,并 且 关 闭 缓冲 区 


?> 
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程序 运行 结果 为 “第 一 条 第 三 条 ”。 


于 ob_flush 会 将 缓冲 区 中 的 内 容 立 刻 输出 ,因此 “第 一 条 ”会 显示 在 页 面 上 ,然后 “第 
二 条 ”又 被 输出 到 缓冲 区 ,但 接 下 来 ob_clean() 方 法 清除 了 缓冲 区 中 的 内 容 , 因 此 “第 二 条 ” 
不 会 显示 ;“ 第 三 条 ”不 受 影响 ,也 会 输出 到 缓冲 区 再 输出 到 页 面 。 

总 结 : PHP 会 在 以 下 三 种 情况 下 将 缓冲 区 中 的 内 容 发 送 给 客户 端 四 遇 到 ob_flush()、 
ob_end_flush() 或 ob_get_ flush() 函 数 ; @ 程 序 执行 完 ; @ 遇 到 exit 或 die 函数 提前 终止 程序 。 


3. ob_get_contents 和 ob_get_length 函数 
当 缓 冲 区 打开 时 ,ob_get_contents 可 以 获取 缓冲 区 中 的 内 容 , 并 将 内 容 作为 字符 串 返 
回 。ob_get_length 将 返回 缓冲 区 中 内 容 的 长 度 , 返 回 值 为 整数 int 型 。 下 面 是 一 个 例子 : 


<? ob_ start(); 
echo "<b> Hello World </b>"; // 输 出 到 缓冲 区 ,但 不 会 立即 输出 到 页 面 


$ len= ob get length(); //$ len 保存 了 当前 缓冲 区 中 内 容 的 长 度 
$out = ob get contents(); //$ out 保存 了 当前 缓冲 区 中 的 内 容 
ob_end_clean(); // 清 空 并 结束 缓冲 区 
echo $ out. '<br>'; // 输 出 <b> Hello World</b> 
$out = strtolower( $ out); // 将 变量 $ out 中 的 字符 转换 为 小 写 
var_dump( $ out, $ len); 

?> 


输出 结果 为 (注意 第 1 条 echo 语句 中 的 内 容 未 输出 , 它 被 ob_end_clean 方法 清除 了 ): 


<b> Hello World</b><br> string(18) "<b> hello world</b>" int(18) 


可 见 ,ob_get_contents 函数 可 以 将 缓冲 区 中 的 内 容 保 存 到 一 个 字符 串 中 。 


@.3 使 用 $_SESSION 设置 和 获取 Session 


有 时 我 们 需要 在 用 户 访问 网 站 过 程 中 记 住 用 户 的 一 些 信息 ,例如 用 户 登 录 以 后 ,网 站 中 
的 所 有 页 面 ,都 能 显示 用 户 的 登录 名 ,这 就 需要 在 整个 网 站 中 使 用 一 种 “全 局 变量 ”保存 用 户 
名 。 但 是 普通 变量 的 作用 域 只 能 在 一 个 网 页 内 , 当 用 户 从 一 张 网 页 跳 转 到 另 一 张 网 页 时 ,前 
一 张 网 页 中 以 变量 、 常 量 形式 存放 的 数据 就 丢失 了 。 为 此 ,引入 Session 的 概念 ,只 要 把 用 
户 的 信息 存储 在 Session 变量 中 ,用 户 在 网 站 页 面 之 间 跳 转 时 ,存储 在 Session 变量 中 的 信 
息 不 会 丢失 ,而 是 在 整个 用 户 会 话 中 一 直 存在 下 去 。 

Session 的 中 文 是 “会 话 ” 的 意思 ,在 Web 编程 中 Session 代表 了 服务 器 与 客户 端 之 间 的 
“会 话 ”, 意 思 是 服务 器 和 客户 端 在 不 断 地 交流 。 如 果 不 使 用 Session, 则 客户 端 每 一 次 请 求 
都 是 独立 存在 的 , 当 服 务 器 完成 某 次 用 户 的 请 求 后 ,服务 器 将 不 能 再 继续 保持 与 该 用 户 浏览 
器 的 连接 。 这 样 当 用 户 在 网 站 的 多 个 页 面 间 切 换 时 (请 求 了 多 个 页 面 ) ,页 面 之 间 无 法 传递 
用 户 的 相关 信息 。 这 是 因为 ,HTTP 协议 是 一 种 无 状态 (Stateless) 的 协议 ,利用 HTTP 协 
议 无 法 跟踪 用 户 。 从 网 站 的 角度 看 ,用户 每 一 次 新 的 请 求 都 是 单独 存在 的 。 

在 PHP 中 ,使 用 $_SESSIONL] 可 以 存储 特定 用 户 的 Session 信息 。 并 且 , 每 个 用 户 的 
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Session 信息 都 是 不 同 的 。 如 果 当 前 有 若干 用 户 访问 网 站 , 则 网 站 会 为 每 个 用 户 建立 一 个 独 
立 的 Session 对象, 如 图 4-11 所 示 。 每 个 用 户 都 无 法 访问 其 他 用 户 的 Session 信息 。 因 此 一 
个 用 户 访问 网 页 时 服务 器 为 其 创建 的 Session 变量 ,别人 是 看 不 到 的 。 


网 站 
Session1 Session2 Session3… 
用 户 1 用 户 2 用 户 3 


图 4-11 Session 示意 图 


4.3.1 存储 和 读 取 Session 信息 


在 PHP 中 ,使 用 Session 前 都 需要 在 页 面 开 头 用 session_start() 方 法 启动 Session 功 
利用 Session 变量 存储 信息 和 用 普通 变量 存储 信息 是 很 相似 的 ,语法 如 下 : 


$ _SESSION[ "Session 名 称 "] = 变量 或 字符 串 信 息 


器 


如 果 要 读 取 Session 变量 信息 ,可 将 其 赋 给 一 个 变量 或 直接 输出 ,语法 如 下 : 
变量 = $ _SESSION[ "Session 名 称 "] 


为 了 验证 Session 变量 能 被 网 站 中 所 有 网 页 读 取 ,我 们 可 新 建 两 个 文件 (或 更 多 ) ,在 4-12. 
php 中 用 Session 变量 存储 信息 ,在 4-13. php 中 读 取 Session 变量 信息 。 代 码 如 下 : 


i 清音 A= 2: 珊 一 一 一 一 一 全 一 一 一 一 一 下 一 一 一 二 二 = 一 
<? session_start(); // 开 启 Session 

$ _SESSION[ "username" ] = "小 泥巴 "; // 将 字符 串 信息 存 和 人 Session 

$ _SESSION[ "username" ] = " 张 三 "; // 修 改 Session 变量 值 

$ _SESSION[ "age"] = 21; 

$ email = 'tang@163. com'; 

$ _SESSION[ "email"] = $ email; // 将 变量 信息 存 人 Session 变量 

$ _SESSION[ "user"] =array( 'name' =>' 疗 子 ', 'pwd' =>'111'); // 将 数组 存 人 Session 变量 

2 

一 -一 一 -一 一 一 -一 一 一 一 一 一 一 -一 一 -一 一 一 一 一 一 清单 4- 13. php ---------------------------- 
<? session start(); // 开 启 Session 

echo $ _SESSION["username" ] ; // 输 出 " 张 三 " 

echo $ _SESSION[ "age"]; // 输 出 21 

echo $ _SESSION["email"]; 

x 


测试 时 首先 运行 4-12. php 写 人 Session 变量 ,再 在 同一 个 浏览 器 中 输入 4-13. php 的 网 
址 , 读 取 Session 变量 信息 , 则 4-13. php 的 运行 结果 如 下 : 
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这 样 就 实现 了 通过 Session 变量 在 不 同 页 面 间 传 递 数 据 。 

说 明 

(1) session_start() 函 数 前 面 不 能 有 任何 代码 输出 到 浏览 器 ,最 好 加 在 页 面 头 部 ,或 先 
用 ob_start() 函 数 打开 输出 缓冲 区 。 

(2) 对 一 个 不 存在 的 Session 变量 赋值 ,将 自动 创建 该 变量 ; 给 一 个 已 经 存在 的 Session 变 
量 赋值 ,将 修改 其 中 的 值 。 

(3) 如 果 新 打开 一 个 浏览 器 ,去 访问 4-13. php, 则 无 法 获取 Session 信息 。 因 为 新 开 一 
个 浏览 器 相当 于 一 个 新 的 用 户 在 访问 。 

(4) 只 要 创建 了 Session 变量 ,该 Session 变量 就 能 被 网 站 中 所 有 页 面 访问 ,因此 网 站 中 
任何 页 面 (包括 4-12. php 自身 ) 都 能 读 取 4-12. php 创建 的 Session 变量 信息 。 

提示 : 在 电子 商务 网 站 中 常 利 用 Session 实现 “购物 车 ”, 用 户 在 一 个 页 面 中 加 入 购物 车 
的 商品 信息 在 转 到 另 一 个 页 面 后 仍然 存在 ,这 样 用 户 可 以 在 不 同 页 面 选择 商品 。 所 有 商品 
的 id、 价 格 等 信息 都 保存 在 相应 的 Session 变量 中 ,直到 用 户 去 收银 台 交 款 或 清空 购物 车 时 
Session 变量 中 的 数据 才 被 清除 。 由 于 服务 器 会 为 每 个 用 户 建 立 一 个 独立 的 Session 对 象 ， 
因此 每 个 用 户 都 有 一 辆 专用 的 “购物 车 ”。 


4.3.2 Session 的 创建 过 程 和 有 效 期 
1. Session 的 创建 和 使 用 过 程 


当 用 户 请 求 网 站 中 任意 一 个 页 面 时 , 若 用 户 尚未 建立 Session 对 象 (如 第 一 次 访问 ), 则 
服务 器 会 自动 为 用 户 创建 一 个 Session 对 象 ( 它 包含 唯一 的 Session ID 和 其 他 Session 变 
量 ) ,并 保存 在 服务 器 内 存 中 ,不 同 用 户 的 Session 对 象 存储 着 各 自 特定 的 信息 ， 

服务 器 将 Session ID 发 送 到 客户 端 浏览 器 ,而 浏览 器 则 将 该 Session ID 保存 在 会 话 
Cookies 中 。 当 浏览 器 再 次 向 服务 器 发 送 HTTP 请 求 时 ,会 将 SessionID 信息 一 起 发 送 给 
服务 器 。 服 务 器 根据 该 SessionID 查找 到 对 应 的 Session 对 象 ,就 能 识别 出 用 户 。 整 个 过 程 
如 图 4-12 所 示 。 这 将 有 利于 服务 器 对 用 户 身份 的 鉴别 ,从 而 实现 Web 页 面 的 个 性 化 。 

第 一 次 访问 某 网 站 


中 创建 Session 对 象 HTTP 请 求 
回 将 Session ID @@ 将 Session ID 保 4 
发 送 给 浏览 器 存 到 会 话 Cookie 中 
某 网 站 服务 器 以 后 每 次 访问 该 网 站 


HTTP 请 求 (包含 Session ID 信息 ) fz 本 | 
by 5 
-© 
加 根据 Session ID 查找 3)echo "欢迎 您 ， 


相关 Session 变 量 信息 。 "8_SESSION["user"] 
某 网 站 服务 器 
图 4-12 ”Session 的 创建 和 使 用 过 程 
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注意 区 分 Session 对 象 和 Session 变量 ,对 于 每 个 网 站 的 访问 者 来 说 ,网 站 都 会 为 其 建 
立 一 个 Session 对 象 ,该 Session 对 象 中 有 一 个 SessionID。 如 果 程 序 中 没有 创建 Session 变 
量 的 代码 ,那么 每 个 用 户 的 Session 对 象 中 只 含有 SessionID; 否则 ,该 Session 对 象 中 还 包 
含 许多 个 Session 变量 ,如 图 4-13 所 示 。 也 就 是 说 ,每 个 用 户 都 有 一 个 独立 的 Session 对 象 ， 
每 个 用 户 可 以 有 0 个 到 多 个 独立 的 Session 变量 。 


Session 对 象 


图 4-13 Session 对 象 和 Session 变量 的 关系 示意 图 


下 面 的 程序 使 用 session_id() 函数 返 回 用 户 的 SessionID 值 。 这 验证 了 即使 没有 创建 
Session 变量 ,用户 仍然 会 拥有 一 个 Session ID。 


<? session start(); 


var_dump( $ _SESSION); // 输 出 array(0) { }, 因 为 没有 创建 Session 变量 
echo session_id(); // 输 出 04c41641c2632c491c4d77d5898c0aa3 
?> 


提示 : session_id() 函 数 既 可 以 获取 当前 Session ID 值 , 也 可 以 设置 Session ID 值 ,如 
session_id('abc123') ,此 时 必须 在 session_start() 函 数 调 用 之 前 使 用 。 

最 好 不 要 把 大 量 的 信息 存 人 到 Session 变量 中 ,或 者 创建 很 多 个 Session 变量 。 因 为 
Session 对 象 是 要 保存 在 服务 器 内 存 中 的 ,而 且 要 为 每 一 个 用 户 单独 建立 一 个 Session 对 
象 ,如 果 保 存 的 信息 太 多 ,同时 访问 网 站 的 用 户 又 很 多 时 , 则 如 此 多 的 Session 对 象 是 非常 
占用 服务 器 资源 的 。 


2. Session 的 生命 期 


Session 对 象 的 生命 期 从 用 户 在 Session 有 效 期 内 第 一 次 访问 网 站 直到 不 再 访问 网 站 
为 止 的 这 段 时 间 。 即 一 个 Session 开始 于 : 用 户 打 开 这 个 网 站 中 的 任意 一 个 网 页 ; 结束 于 : 
用 户 不 再 访问 这 个 站 点 ,包括 Session 超时 或 主动 删除 Session 两 种 情况 。 

注意 : 不 再 访问 这 个 站 点 天 关闭 浏览 器 。 

关闭 浏览 器 并 不 会 使 一 个 Session 结束 ,因为 服务 器 并 不 知道 用 户 关 闭 了 浏览 器 ,但 会 
使 这 个 Session 永远 都 无 法 访问 到 。 因 为 当 用 户 再 打开 一 个 新 的 浏览 器 窗口 又 会 产生 一 个 
新 的 Session。 


3. 设置 Session 的 有 效 期 
Session 对 象 并 不 是 一 直 有 效 的 , 它 有 个 有 效 期 ,默认 为 24 分 钟 (1440 秒 ) 。 如 果 客 户 
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端 超过 24 分 钟 没 有 刷新 网 页 或 访问 网 站 中 的 其 他 网 页 , 则 该 Session 对 象 就 会 自动 结束 。 
不 过 可 以 修改 Session 对 象 的 默认 有 效 期 ,一 种 方法 是 在 PHP 的 配置 文件 php. ini 中 修改 
系统 默认 值 (session. gc_maxlifetime 王 1440) , 另 一 种 方法 是 利用 ini_set() 方 法 更 改 Session 
对 象 的 默认 有 效 期 ,代码 如 下 : 

session_start(); 

ini_set('session. save_path', '/tmp/'); // 设 置 保存 路 径 


ini set('session.gc maxlifetime', 60); // 保 存 1 分钟 
setcookie(session name(),， session id(), time() + 60, "/"); // 设 置 会 话 cookie 的 过 期 时 间 


提示 : 

(1) 虽然 增加 Session 的 有 效 期 有 时 能 方便 用 户 访问 ,但 这 也 会 导致 Web 服务 器 内 存 
中 保存 用 户 Session 信息 的 时 间 增 长 ,如 果 访 问 的 用 户 很 多 ,会 加 重 服务 器 的 负担 。 

(2) 不 能 单独 对 某 个 用 户 的 Session 设置 有 效 期 。 


4.3.3 用 Session 限制 未 登录 用 户 的 访问 


网 站 中 有 些 页 面 要 求 只 有 登录 成 功 的 用 户 才能 访问 ,如 网 站 后 台 管 理 页 面 。 利 用 
Session 可 实现 这 种 需求 。 有 具体 方法 是 : 在 用 户 输入 的 用 户 名 和 密码 验证 通过 后 ,用 
Session 变量 存储 某 些 特征 信息 (如 用 户 名 ) ,这 个 Session 变量 就 相当 于 “ 票 ”, 然 后 在 其 他 
对 安全 性 有 要 求 的 页 面 最 前 面 检查 这 些 Session 变量 是 否 存在 ( 即 验 票 ) ,如 果 这 些 特 征 值 
为 空 ,表示 没有 经 过 合法 认证 ,而 是 通过 直接 输入 网 页 的 网 址 进入 的 ,就 拒绝 其 访问 。 示 例 
代码 如 下 : 


<? session_start(); 
证 (isset( $_POST["submit"])){ // 判 断 是 否 单 击 了 登录 按钮 
$user= $_POST["userName" ] 
$ pw= $ _POST[ "PW"]; 
if ($user == "admin" && $ pw== '123'){  // 判 断 用 户 名 密码 是 否 正确 
$ _SESSION[ 'user'] = $ user; // 将 用 户 名 存 人 $ _SESSION[ "user'], 这 是 关键 
header( 'Location:4— 15. php');} 
else echo "用 户 名 或 密码 错误 "; 
} 
else echo 
< form method = "post" action=""> 
用 户 名 :< input type = "text" name = "userName" /> 
密码 :< input type = "password" name = "PW" /> 
< input name = "submit" type = "submit" value = "登录 " /> 
</form>' ?> 


<? session_start(); 
if (isset( $ _SESSION[ 'user'])) // 如 果 $ _SESSION[ 'user'] 不 为 空 
echo "欢迎 您 ,". $ _SESSION[ "user"]."<br/> 
<a href = '4— 16.php?action = logout > 注销 </a> "; 
else 


echo "未 登录 用 户 不 允许 访问 "; 。 ?> 
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程序 运行 效果 是 : 如 果 用 户 没有 经 过 4-14. php 页 面 登录 或 登录 失败 ,而 是 直接 运行 
php ,就 会 提示 “未 登录 用 户 不 允许 访问 ?; 如 果 在 4-14. php 登录 成 功 过 , 则 以 后 每 次 运行 
php 都 会 显示 欢迎 信息 。 

说 明 

(1) 该 实例 必须 先 运行 4-14. php, 以 对 登录 成 功用 户 赋 予 $_SESSION[ 'user"] 变 量 ,而 
4-15. php 用 来 检查 该 Session 变量 是 否 为 空 , 请 注意 4-15. php 中 并 没有 采用 $_POST 获 
取 表 单 变量 ,而 是 读 取 和 输出 4-14. php 中 创建 的 Session 变量 。 

(2) 4-14. php 中 创建 的 Session 变量 可 以 被 网 站 中 所 有 网 页 访问 。 因 此 可 以 将 4-15. 
php 中 的 代码 放 到 网 站 中 所 有 对 安全 性 有 要 求 的 网 页 的 最 前 面 。 


4.3.4 删除 和 销毁 Session 


删除 Session 常用 来 实现 用 户 注销 的 功能 ,使 得 用 户 能 够 安全 退出 网 站 。 在 PHP 中 ,使 用 
unset() 方 法 可 以 删除 单个 session 变量 。 使 用 session_unset() 函 数 可 删除 当前 内 存 中 
$_SESSION 数组 中 的 所 有 元 素 , 它 等 价 于 $_SESSION= array() 或 unset($_SESSION)。 
例如 : 


15. 


4- 
4-15. 


<? session start(); 


unset( $ _SESSION[ "username"] ) ; // 删 除 $ _SESSION 中 一 个 session 变量 
session_unset(); // 删 除 $ _SESSION 中 所 有 session 变量 
?> 


但 是 ,session_unset 只 能 删除 $_SESSION 数组 中 的 所 有 元 素 , 并 不 能 删除 对 应 的 
Session ID ,也 不 能 删除 保存 SessionID 的 文件 。 而 session_destroy() 函 数 就 能 删除 
Session ID, 并 销毁 Session 文件 ,但 它 不 会 删除 内 存 中 的 $_SESSION 数组 中 的 所 有 元 
素 。 例 如 : 

<? session start(); 


echo '<p> 这 个 用 户 的 Session 编号 为 '. session id(). '</p>'; 
$ _SESSION[ "user_name"] = "布什 "; 


session_destroy(); // 清 除 Session ID 
echo '<p> 这 个 用 户 的 Session 编号 为 '. session_id().'</p>'; 
echo $ _SESSION["user_name"]; // 会 输出 "布什 " 
网 
运行 结果 为 : 
这 个 用 户 的 Session 编号 为 43abc321fc0e76486f32dd86fabde568 
这 个 用 户 的 Session 编号 为 
布什 


因此 ,如果 要 彻底 删除 Session ,实现 用 户 安全 注销 功能 ,可 以 将 session_unset( ) 与 
session_destroy() 函数 结合 使 用 ,并 且 还 需 清除 浏览 器 中 的 会 话 Cookie 信息 ,这 可 以 通 
过 调用 setcookie 函数 将 会 话 Cookie 设置 为 过 期 即 可 。 下 面 是 一 个 注销 用 户 登 录 的 
例子 : 
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一 -一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 -一 一 -一 -一 一 清单 4- 16.php 一 -= 一 = 一- 一 一 = 一 -一 一 一 一 一 一 
<? 

if( $ _GET[ ‘action'] == "logout"){ 

session start(); // 启 动 会 话 

setcookie("user"v""vtime() — 60); // 将 会 话 Cookie 变量 user 设置 为 过 期 , 即 删除 Cookie 
session_unset(); // 删 除 $ _SESSION 中 的 Session 变量 

session destroy(); // 销 毁 Session, 删除 Session ID 

header("Location:4 一 14.php"); // 回 到 登录 界面 
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44.4 使 用 $_COOKIE 读 取 Cookie 
A 


使 用 Session 只 能 让 网 站 记 住 当前 正在 访问 的 用 户 , 但 有 时 网 站 还 需要 记 住 曾经 访问 
过 的 用 户 , 以便 在 用 户 下 次 访问 时 ,提供 个 性 化 的 服务 。 这 就 需要 用 到 Cookie 技术 。 
Cookie 能 为 网 站 和 用 户 带 来 很 多 好 处 ,例如 它 可 以 记录 特定 用 户 访 问 网 站 的 次 数 、 最 后 一 
次 访问 时 间 、 用 户 在 网 站 内 的 浏览 路 径 , 以 及 使 登录 成 功 的 用 户 下 次 自动 登录 等 。 

也 有 一 些 Cookie 的 高 级 应 用 ,如 在 购物 网 站 浏览 商品 页 面 时 ,该 网 站 程序 可 以 将 用 户 
的 浏览 历史 记录 到 Cookie 中 , 当 用 户 下 次 再 访问 时 ,网 站 根据 用 户 过 去 的 浏览 情况 为 用 户 
推荐 感 兴趣 的 内 容 。 

Cookie 实际 上 是 一 个 很 小 的 文本 文件 ,网 站 通过 向 用 户 硬盘 中 写 入 一 个 Cookie 文件 
来 标识 用 户 。 当 用 户 下 次 再 访问 该 网 站 时 ,浏览 器 会 将 Cookie 信息 发 送 给 网 站 服务 器 , 服 
务 器 通过 读 取 以 前 写 入 的 Cookie 文件 中 的 信息 ,就 能 识别 该 用 户 。 

Cookie 有 两 种 形式 : 会 话 Cookie 和 永久 Cookie。 前 者 是 临时 性 的 ,只 在 浏览 器 打开 时 
存在 (存储 在 用 户 机 器 的 内 存 中 ) ,主要 用 来 实现 Session 技术 ; 后 者 则 永久 地 存放 在 用 户 的 
硬盘 上 并 在 有 效 期 内 一 直 可 用 。Cookie 文件 默认 保存 在 “C:\Documents and Settings\ 登 
录用 户 名 \Cookies” 文 件 夹 中 。 

在 PHP 中 ,利用 setcookie() 函 数 可 以 创建 和 修改 Cookie, 以 及 设置 Cookie 的 有 效 期 ; 
而 使 用 $ _COOKIE[L] 数 组 可 以 读 取 Cookie 变量 的 值 。 


4.4.1 创建 和 修改 Cookie 
创建 Cookie 最 简单 的 方法 是 使 用 setcookie() 函 数 。 请 法 如 下 : 


setcookie(name, value, expire, path, domain, secure) 


其 中 ,name 用 来 定义 一 个 Cookie 的 变量 名 ,value 用 来 设置 Cookie 变量 值 ,expire 用 
来 定义 Cookie 的 有 效 期 ; 而 path、domain、secure 分 别 用 来 规定 Cookie 的 有 效 目 录 、 有 效 
域名 和 是 否 采 用 HTTPS 来 传输 Cookie, 这 三 个 参数 不 常用 。 除 了 name 和 value 是 必需 的 
参数 外 ,其 他 参数 都 是 可 选 的 。 

下 面 是 一 个 创建 Cookie 的 程序 : 
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De A ai i 
Sy 

setcookie( 'tmpcookie', ' 这 是 个 临时 cookie'); // 不 设置 过 期 时 间 

setcookie( 'userName', ' 小 泥巴 ', time() + 60); // 设 置 过 期 时 间 为 60 秒 , 永 久 Cookie 
setcookie( 'age' 21, time() + 60); 

setcookie( 'sex', ' 女 ',time() +60,'','',false); // 设 置 setcookie 的 所 有 参数 

?> 


上 例 中 设置 了 4 个 Cookie 变量 ,变量 名 分 别 为 “tmpcookie”*userName”*age” 和 “sex”。 
其 中 “tmpcookie” 没 有 设置 过 期 时 间 , 因 此 它 仅仅 是 个 会 话 Cookie, 会 话 Cookie 并 没有 保存 
到 文本 文件 中 ,关闭 浏览 器 后 ,tmpcookie 将 立即 失效 。 而 其 他 三 个 Cookie 均 设置 了 过 期 时 
间 , 因 此 是 永久 Cookie, 它 们 将 在 关闭 浏览 器 1 分 钟 后 失效 。 

要 查看 4-17. php 写 和 的 Cookie 文件 ,可 以 打开 保存 在 “C:\Documents and Settings\ 
登录 用 户 名 \Cookies” 目 录 下 的 Cookie 文件 ,文件 内 容 如 图 4-14 所 示 。 


医 CAEJOT2B_ txt - 记事 本 


文件 EF) 编辑 于) 格式 @) 查看 (Y) 帮助 WW) 


>2/019240166733852M3036248101973118624 
383 824818x 有 SeXB%C5SHEI /php/6/exanple/6.2/8192401667338624g 
38362481819731186248363824818x 由 “小 泥巴 * 的 编码 


1 eee ocalhost/php/é/exanple/é 2/7010240 
166733862439382481 118624383824810*agen210 
localhost/php/6/example/ 

Te 


图 4-14 客户 端 Cookie 文件 中 的 信息 


从 图 中 可 以 得 知 永久 Cookie 变量 均 保 存在 了 Cookie 文件 中 ,而 会 话 Cookie 没有 保 
存 。Cookie 变量 名 和 变量 值 中 如 果 含 有 中 文 或 特殊 字符 ,会 自动 经 urlencode 函数 处 理 转 
换 成 gb2312 编码 形式 。 

如 果 要 修改 Cookie 变量 的 值 ,可 以 用 setcookie 函数 给 变量 重新 赋值 。 例 如 : 


setcookie( 'age', 24, time() + 60); // 将 Cookie 变量 age 的 值 修改 为 24 


但 修改 Cookie 时 设置 过 期 时 间 的 参数 不 能 省 略 , 和 否则 该 Cookie 会 被 修改 成 临时 
Cookie。 

提示 : 

(1) 在 使 用 setcookie 函数 前 ,不 要 有 任何 HTML 内 容 输出 到 浏览 器 ,因为 Cookie 也 
是 作为 HTTP 协议 头 的 一 部 分 。 否 则 setcookie() 创 建 Cookie 将 失败 。 

(2) Cookie 变量 的 值 总 是 字符 串 数 据 类 型 。 

(3) 在 PHP 中 ,还 能 使 用 header 函数 设置 Cookie。 例 如 : 


header("Set - Cookie: nickname = 小 泥巴 ; expires=". gmstrftime("%A, Sd- %b- %Y %H: SM: 
%SGMT", time() + (86400 * 30))); 


其 中 “nickname” 是 Cookie 变量 名 ,小 泥巴 ?是 Cookie 变量 值 ,expires 用 来 设置 过 期 
时 间 。Set 一 Cookie 参数 和 expires 参数 之 间 用 “;” 号 隔 开 。 


4.4.2 读 取 Cookie 
在 客户 端 写 人 Cookie 后 , 当 用 户 再 次 向 网 站 发 送 HTTP 请 求 时 ,就 会 将 Cookie 信息 
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放 在 HTTP 请 求 头 中 一 起 发 送 给 服务 器 ,服务 器 会 自动 获取 HTTP 请 求 头 中 的 Cookie 信 
息 , 并 将 这 些 信息 保存 到 $_COOKIE 数组 中 。 因 此 通过 $_COOKIE 可 以 读 取 所 有 从 客户 
端 传 过 来 的 Cookie 信息 。 下 面 的 程序 用 来 读 取 4-17. php 中 创建 的 Cookie 信息 。 


Ea 
$user= $_COOKIE[ 'userName']; 
$age= $_COOKIE[ 'age']; 
$ sex= $ _COOKIE[ 'sex']; 
echo $user. $ age. ' 岁 ,性 别 '. $ sex; 
> 
为 了 测试 该 程序 ,首先 运行 4-17. php 创建 Cookie, 再 运行 -18. php 读 取 Cookie, 则 4-18. 
php 的 运行 结果 如 下 : 
小 泥巴 21 岁 , 性 别 女 


说 明 : 由 于 Cookie 存放 在 了 硬盘 中 ,因此 即使 重启 计算 机 后 ,再 打开 浏览 器 访问 4-18. 
php 也 能 读 取 到 Cookie( 只 要 Cookie 没 过 期 ) 。 


4.4.3 ”Cookie 数组 
实际 上 ,使 用 setcookie() 函 数 还 可 以 创建 Cookie 数组 。 例 如 : 


<? 
setcookie("user[name]", " 张 三 ", time() + 600); 
setcookie("user[id]","zhang3", time() + 600); 
setcookie("user[ sex]", " 男 ", time() + 600); 
setcookie("user[age]", 23); 

> 


创建 Cookie 数组 时 ,对 于 数组 元 素 的 索引 可 以 是 整数 或 字符 串 , 但 索引 两 边 不 要 用 引 
号 (如 userLid] 不 能 写成 user[ 'id']), 因 为 PHP 会 自动 给 setcookie 中 的 数组 索引 加 引号 。 
要 读 取 Cookie 数组 ,可 使 用 循环 语句 遍历 数组 ,也 可 单独 输出 数组 元 素 。 代 码 如 下 : 


<? 
foreach( $ _COOKIE[ 'user'] as $ key=>$ value){ 
echo $ key.'=>'. $value.' ';} // 输 出 Cookie 数组 中 所 有 元 素 
var_dump( $ _COOKIE); // 输 出 $__COOKIE 中 的 所 有 内 容 
echo $ _COOKIE[ 'user'][ 'name']; // 输 出 Cookie 数组 中 一 个 元 素 
?> 


运行 结果 如 下 (必须 先 运 行 创建 Cookie 数组 的 程序 ) : 


name = > 张 三 id => zhang3 sex=> 男 age=>23 张 三 


4.4.4 删除 Cookie 


有 时 用 户 可 能 希望 网 站 不 再 记 住 自己 过 去 访问 的 信息 ,这 时 可 以 删除 Cookie。 删 除 
Cookie 有 两 种 方法 : 一 是 将 Cookie 的 变量 值 设置 为 空 ,并 且 不 设置 有 效 期 (不 设置 有 效 期 将 删 
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除 Cookie 文件 中 的 Cookie 变量 ); 二 是 将 Cookie 的 有 效 期 设置 为 过 去 的 某 个 时 间 。 不 管 使 用 
哪 种 方法 ,浏览 器 接收 到 这 样 的 Cookie 响应 头 信 息 后 ,将 自动 删除 用 户 硬盘 中 的 Cookie 文件 
和 内 存 中 的 Cookie 信息 。 例 如 下 面 程序 的 功能 是 将 4-17. php 中 创建 的 Cookie 全 部 删除 。 
<? 
setcookie( 'userName', ''); // 删 除 Cookie 的 方法 1 
setcookie( 'age', 21,time() - 600);  // 删 除 Cookie 的 方法 2 
setcookie( 'sex', ' 女 ', time() -600); 
var_dump( $ _COOKIE); // 用 来 查看 上 述 Cookie 数组 元 素 是 否 已 经 删除 


?> 


4.4.5 ”Cookie 程序 设计 举例 


如 果 要 编写 Cookie 应 用 的 程序 ,一 般 的 流程 是 : 首先 尝试 获取 某 个 Cookie 变量 ,如 果 
有 , 则 表明 是 老 客户 , 读 取 其 Cookie 信息 ,为 其 提供 个 性 化 的 服务 ; 如 果 没 有 , 则 表明 是 第 
一 次 来 访 的 新 客户 ,通过 表单 获取 其 身份 信息 ,再 将 这 些 信 息 存 人 到 Cookie 变量 中 去 。 


1. 用 户 自动 登录 
用 户 自动 登录 程序 的 实现 流程 如 图 4-15 所 示 。 


获取 Cookie 变 量 
有 没有 
了 
显示 登录 成 功 界面 显示 用 户 登 录 框 
若 要 记录 用 户 二 
登录 时 间或 次 数 | i 
修改 Cookie 变 量 写 入 Cookie 变 量 
| 下 次 可 自动 登录 


图 4-15 用 户 自动 登录 程序 的 一 般 流程 图 


在 下 面 的 实例 中 ,如 果 用 户 第 一 次 访问 4-19. php, 则 会 显示 图 4-16 所 示 的 登录 表单 ,如 
果 用 户 登 录 成 功 并 选择 了 保存 Cookie, 则 以 后 再 次 访问 4-19. php 时 就 不 需要 登录 ,会 自动 
转 到 欢迎 界面 (图 4-17) ,并 显示 用 户 的 访问 次 数 和 上 次 登录 时 间 。 该 实例 包括 两 个 文件 ， 
其 中 4-19. php 是 主 程序 ,4-20. php 用 于 获取 表单 信息 并 写 人 Cookie 等 ,代码 如 下 。 


当 Cooki。 记 录 登录 用 户 篇 息 全 |T 


文件 全 久 旬 @) 查看 四， > 3Cookie 记 录 登 录用 户 术 


|» 
地 址 @) [ 恒 http://1ocalhost/Cookies 田 文件 四 编 加 EC) 查看 加 ” 剧 
一 屯 址 人 0 | 乱 http: /171ocalhostycooki 国 


“Es 欢迎 您 ;admin 
至 可: | 这 是 怎 第 8 次 访问 本 网 站 


您 访问 pa 
保存 : [保存 ! 周 本 El 2-12 


4-16 4-19. php 的 第 一 次 运行 结果 图 4-17 4-19. php 登录 成 功 后 
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SR ie he 
<? 
if ($_COOKIE[ "user"]["xm"]<>""){ // 尝 试 获取 指定 的 Cookie 变量 , 如 
果 有 
$ visnum = intval( $ _COOKIE[ "user"]["num"]) +1; // 将 原来 的 访问 次 数 加 1 
$ expire= intval( $ _COOKIE[ "user"]["expire"]); // 获 取 有 效 期 
// 将 本 次 访问 时 间 写 人 Cookie 
setcookie("user[dt]",date("Y—-m- dh:i:s"),time() +3600* $ expire); 
setcookie("user[num]", $ visnum,time() + 3600* $expire); ” // 将 本 次 访问 次 数 写 人 Cookie 
echo" 欢 迎 您 :". $ _COOKIE[ "user"]["xm"]; // 输 出 Cookie 变量 的 值 
echo "< br/> 这 是 您 第 ". $ visnum. "次 访问 本 网 站 "; 
echo "< br/> 您 上 次 访问 是 在 ". $ _COOKIE[ "user"]["dt"]; 
else // 没 有 Cookie 则 显示 登录 表单 


echo < html >< body> 
< div style= "border:1px solid #06f; background: # bbdeff"> 
< form method = "post" action= "4 一 20.php”style = "margin:4px;"> 
<p> 账 号 : < input name = "xm" type= "text" size= "12"></p> 
<p> 密 码 : < input name = "Pwd" type = "password" size= "12"></p> 
<p> 保 存 : < select name = "Save"> 
< option value =" -1"> 不 保存 </option> 
< option value = "7"> 保 存 1 周 </option> 
<option value = "30"> 保 存 1 月 </option ></select> 
< input type= "submit" value= " 登 录 "></p> 
</form></div></body></html >'?> 


<? if ($_POST["xm"] == "admin" && $ _POST["Pwd"] == "123" ){ 
setcookie("user[xm]", $ _POST[ "xm"], time() +3600* intval( $ _POST[ 'Save'])); 
setcookie("user[dt]",date("Y—-m- dh:i:s"),time() +3600* $ expire); // 写 入 Cookie 
setcookie("user[num]",1,time()+3600* intval( $ _POST[ 'Save'])); 
// 保 存 有 效 期 到 Cookie 
setcookie( "user[expire]", $ _POST[ 'Save'], time() + 3600 * intval( $ _POST[ 'Save'])); 
echo $ _POST[ "xm"].": 首 次 光临 "; 
//var_dump( $ _COOKIE);} 
else 
echo "< script >alert(' 用 户 名 或 密码 不 对 ') ;location. href = '4- 19.php ';</script >"; 
二 > 


2. 记录 用 户 的 浏览 路 径 


在 电子 商务 网 站 中 ,经常 需 要 记录 用 户 的 浏览 路 径 ,以 判断 用 户 对 哪些 商品 特别 感 兴趣 
或 哪些 商品 之 间 存 在 销售 关联 。 下 面 的 例子 使 用 Cookie 记录 用 户 浏 览 过 的 历史 页 面 。 该 
网 站 将 每 个 页 面 的 标题 保存 在 该 页 面 的 $title 变量 中 ,用 户 每 访问 一 个 页 面 就 会 将 新 访问 
页 面 的 标题 添加 到 Cookie 变量 $_COOKIEL"history"] 值 中 。 随 着 用 户 访问 页 面 的 增多 ， 
该 Cookie 变量 中 保存 的 含有 页 面 标题 的 字符 串 会 越 来 越 长 。 将 该 Cookie 变量 切 分 成 数 
组 ,然后 输出 数组 元 素 的 值 就 输出 了 用 户 最 近 访问 页 面 的 标题 列表 。 


120 ”PHp web 程 序 设计 与 Ajax 技术 (第 2 版 ) 


一 一 一 清单 4- 21. php( 商 品 页 ) -一 


<? ob start(); // 打 开 缓冲 区 ,以 便 在 有 输出 后 还 能 设置 Cookie 
$title = "西游 记 " // 商 品 页 有 很 多 ,其 他 商品 页 的 title 是 水 浒 传 .西游 记 等 ?> 
< html >< head > 


<title><? = $title?></title> </head> 
<body> <h3 align = "center"><? = $title ?> 商品 页 面 </h3 > 
<p> 同 类 商品 :<a href = "hlm. php"> 红 楼 梦 </a> <a href = "shz. php"> 水 浒 传 </a> 
<a href = "sg.php"> 三 国 演 义 </a></p> 
<? require("4— 22.php") ?> 


</body></html > 
-一 -一 一- 清单 4- 22. php( 商 品 页 调用 的 记录 浏览 历史 的 程序 ) --------------- 
<? $history= $_COOKIE["history"]; // 获 取 记 录 浏 览 历史 的 Cookies 
if ($ history=="") // 如 果 浏 览 历史 为 空 
$path= $ title; // 将 当前 页 的 标题 保存 到 path 变量 中 
else 
$ path= $ title."/". $ history; // 将 当前 页 的 标题 加 到 浏览 历史 的 最 前 面 


// 将 $ path 保存 到 Cookie 变量 中 ,设置 过 期 时 间 为 30 天 
setcookie("history", $ path, time() + 30 * 3600); 
$ arrPath = explode("/", $ path); // 将 $ path 分 割 成 一 个 数组 $ arrPath 
echo "您 最 近 的 浏览 历史 :< hr/>"; 
foreach ( $ arrPath as $ key=>$ value){ 
if( $ key> 9) break; // 只 输出 最 近 的 10 条 
echo ($key+1) .",". $value ."<br/>"; // 输 出 浏览 历史 
}?> 


说 明 : 测试 时 应 首先 将 4-21. php 重 命名 成 几 个 TCD 
文件 (xyj. php、shz. php .hlm. php sg. php) ,然后 将 这 | RON 全 加 二 二 OO 下 本 罗 二 
几 个 文件 第 2 行 中 的 title 变量 值 分 别 改 成 “水 浒 传 ” EUERT /localhost/php/6/exanple/6.2 加 | 
“西游 记 " 和 “三 国 演义 ”。 接 下 来 运行 其 中 任何 一 个 dl 和 
文件 ,再 通过 单 击 链接 转 到 其 他 文件 ,会 发 现 每 浏览 | 同类 商品 ， 西游 记 水 洲 传 三 国 演 》 
一 个 页 面 它 的 标题 就 会 记录 到 浏览 历史 中 ,如 图 4-18 ”| 您 最 近 的 浏览 历史 ， 
所 示 , 而 且 关 闭 浏览 器 后 再 打开 ,浏览 历史 依然 不 会 ”| 1. 红楼 梦 
丢失 ,从 而 基本 实现 了 保存 用 户 浏览 历史 的 目的 。 a 党 出 

当然 ,在 实际 电子 商务 网 站 中 ,记录 浏览 历史 还 
会 将 用 户 的 浏览 历史 保存 到 服务 器 的 数据 库 中 ,那样 
浏览 历史 能 更 长 久 地 保存 ,网 站 还 能 根据 所 有 用 户 的 浏览 历史 进行 数据 分 析 和 统计 。 


4.4.6 Cookie 和 Session 的 比较 


1. Cookie 和 Session 的 区 别 


图 4-18 4-21. php 的 运行 结果 


为 了 说 明 Cookie 和 Session 的 区 别 ,我 们 可 以 打 个 比方 ,假设 一 家 奶茶 店 有 喝 5 杯 奶茶 
赠送 1 杯 奶茶 的 优惠 ,那么 奶茶 店 有 两 种 办 法 记录 用 户 的 消费 数量 。 
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(1) 发 给 顾客 一 张 卡片 ,上 面 记录 着 顾客 的 消费 数量 ,一 般 还 有 个 有 效 期 限 。 每 次 消费 
时 ,如 果 顾 客 出 示 这 张 卡片 , 则 在 卡片 上 修改 顾客 的 消费 数量 ,这 样 此 次 消费 就 会 与 以 前 或 
以 后 的 消费 联系 起 来 。 这 种 做 法 就 是 在 客户 端 保持 状态 (Cookie) 。 

(2) 发 给 顾客 一 张 会 员 卡 ,除了 卡号 之 外 什么 信息 都 不 记录 。 每 次 消费 时 ,如 果 顾 客 出 
示 该 卡片 , 则 店员 在 店 里 的 计算 机 中 找到 这 张 卡片 卡号 对 应 的 记录 ,并 修改 计算 机 上 记录 的 
顾客 消费 数量 。 这 种 做 法 就 是 在 服务 器 端 保持 状态 (Session) 。 


可 见 ,Session 只 是 将 Session ID( 卡 号 ) 保 存在 客户 端 ,服务 器 保存 Session ID 对 应 的 
信息 。 而 Cookie 是 将 所 有 信息 都 保存 在 客户 端的 。 表 4-5 对 Session 和 Cookie 作 了 比较 。 
表 4-5 Session 和 Cookie 的 比较 

相 似 点 Session Cookie 

功能 存储 和 跟踪 特定 用 户 的 信息 

优势 在 整个 网 站 的 所 有 页 面 都 可 以 访问 

不 同 点 Session Cookie 

建立 方式 每 次 访问 网 页 时 会 自动 建立 Session 对 象 需要 通过 代码 建立 

存储 位 置 服务 器 端 客户 端 

应 用 场合 记 住 正在 访问 的 用 户 信息 记 住 曾经 访问 过 的 用 户 信息 


2.， Cookie 和 Session 的 优 缺 点 


(1) Cookie 的 限制 : Cookie 的 数据 大 小 是 有 限制 的 ,每 个 Cookie 文件 的 大 小 不 能 超过 
4KB, 每 个 站 点 最 多 只 能 设置 20 个 Cookie。 

(2) Cookie 可 能 会 泄露 用 户 隐私 ,并 带 来 其 他 安全 问题 。 

(3) Session 仍然 要 通过 Cookie 来 实现 ,因为 用 户 的 Session ID 必须 保存 在 会 话 
Cookie 中 。 


@.5 使 用 $ _FILES 获取 上 传 文件 信息 


文件 上 传 是 Web 应 用 程序 的 一 项 基本 功能 ,例如 有 些 网 站 允许 用 户 上 传 图 片 文 件 ,上 

传 文档 (Word 或 PPT 等 )。PHP 可 轻松 实现 将 本 地 文件 上 传 到 Web 服务 器 的 功能 。 
在 PHP 中 ,文件 上 传 功能 的 实现 步骤 为 : DO 在 网 页 

中 添加 文件 上 传 表单 , 单 击 提交 按钮 后 ,选择 的 文件 数 。 nj 

据 将 发 送 到 服务 器 ; 四 用 $ _FILES 获取 与 上 传 文件 有 ”| 太 D 四 入 CTE 


关 的 各 种 信息 ; @ 用 文件 上 传 处 理 函 数 对 上 传 文件 进行 。 岂 ee 基 /eee re/ 
后 续 处 理 。 上 传 文件 的 演示 实例 


4.5.1 添加 上 传 文件 的 表单 sili de 


在 HTML 中 ,可 以 使 用 表单 中 的 文件 上 传 域 来 提 ”| egal 
交 要 上 传 的 文件 。 下 面 是 一 个 上 传 文件 的 HTML 表单 
代码 , 它 在 浏览 器 中 的 显示 效果 如 图 4-19 所 示 。 图 4-19 上传 文 件 的 网 页 4-23. php 


请 选择 要 上 传 的 jpg 图 片 文件 
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------------------------------ 清单 4 一 23. php 一 -一 -一 一 -一 一 一 一 一- 一 一 一 一 一 一 
<h3 align = "center"> 上 传 文件 的 演示 实例 </h3> 
<p> 请 选择 要 上 传 的 jpg 图 片 文件 </p> 
< form action = "4— 24. php" method = "post" enctype = "multipart/form— data"> 
< input type = "file" name = "upfile" /><br><br> 
<input type= "submit" value=" 上 传 "/> 
</form> 


说 明 : 如 果 表 单 中 有 文件 上 传 域 . 则 定义 表单 时 必须 设置 enctype 一 "multiparUform- 
data" ,method 属性 必须 设置 为 post( 这 是 因为 get 方式 发 送 的 数据 量 不 能 超过 8KB)。 
action 一 "4-24. php" 表 示 上 传 的 数据 将 发 送 给 4-24. php, 因 此 4-24. php 是 处 理 上 传 文件 的 
脚本 。 

提示 : 如 果 要 限制 上 传 文件 的 大 小 ,可 以 在 表单 中 添加 一 个 隐藏 域 : < input type 一 
"hidden" name 二 "MAX_FILE_SIZE" value 王 "10240">, 并 且 该 隐藏 域 必 须 放 在 文件 上 传 
域 的 前 面 ,否则 会 设置 失效 。 


4.5.2 使 用 $_FILES 获取 上 传 文件 信息 


当 用 户 单 击 “* 上 传 ”按钮 后 ,上 传 的 文件 数据 将 发 送 给 服务 器 。 在 处 理 脚本 4-24. php 
中 ,可 以 使 用 $_FILES 来 获取 上 传 文件 的 信息 。$ _FILES 是 一 个 多 维 数组 , 它 可 以 保存 
所 有 上 传 文件 的 信息 ,以 及 上 传 过 程 中 的 错误 信息 。 如 果 文 件 上 传 域 的 name 属性 值 为 
upfile, 则 可 以 使 用 $ _FILES[L "upfile'] 来 访问 上 传 文件 的 有 关 信 息 。$ _FILES[L 'upfile'] 是 
一 个 一 维 数组 ,数组 元 素 是 上 传 文件 的 各 种 属性 ,具体 如 下 。 

(1) $_FILES[L'upfile'J['mname']: 客户 端 上 传 文件 的 原名 称 (不 包括 路 径 ) 。 

(2) $_FILESL'upfile'] ['type']: 上 传 文件 的 MIME 类 型 ,如 image/gif 等 。 

(3) $_FILESL'upfile'] ['size']: 已 上 传 文件 的 大 小 ,单位 是 字 节 。 

(4) $_FILESL'upfile'] ['tmp_name']: 上 传 文件 在 服务 器 端 保存 的 临时 文件 名 (包含 
路 径 名 ) 。 

(5) $_FILES[ "upfile'] ['error']: 上 传 文件 出 现 的 错误 号 ,是 一 个 整数 ,其 取 值 如 表 4-6 
所 示 。 


表 4-6 ”上传 文 件 过 程 中 的 错误 号 含义 


错 说 明 


中 


文件 上 传 成 功 ,没有 错误 发 生 

上 传 文件 的 大 小 超过 了 php. ini 中 upload_max_filesize 选项 限定 的 值 
上 传 文件 的 大 小 超过 了 表单 隐藏 域 中 MAX_FILE_SIZE 选项 指定 的 值 
只 上 传 了 部 分 文件 ,如 上 传 过 程 中 网 络 中 断 

没有 上 传 的 文件 ,如 没有 选择 上 传 文件 就 直接 单 击 * 上 传 ” 按 钮 

找 不 到 临时 文件 夹 

服务 器 上 临时 文件 写 入 失败 ,通常 是 权限 不 够 

上 传 的 文件 被 PHP 扩展 程序 中 断 


maniwlv|-|o| 击 


我 们 可 以 在 4-24. php 中 输入 如 下 代码 ,来 输出 $ _FILESL 'upfile'] 数 组 的 内 容 : 


<? var_dump( $ _FILES[ 'upfile']); ?> 
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则 选择 上 传 文件 guangxue. gif, 单 击 “* 上 传 ”按钮 后 ,执行 结果 如 下 : 


array(5){["name"] = > string(12) "guangxue. gif" ["type"] => string(9) "image/gif" ["tmp_ 
name"] = > string(26) "C:\WINDOWS\TEMP\phpl1C. tmp" ["error"] => int(0) ["size"] = > int 
(44863) } 


4.5.3 保存 上 传 文件 到 指定 目录 


通过 上 述 步 又 ,上 传 文件 已 经 保存 在 了 C:\WindowsNtemp\ 目 录 下 ,文件 名 为 phpl1C. 
tmp。 接 下 来 ,必须 将 上 传 文件 移动 到 网 站 目录 下 的 指定 目录 中 ,并 为 它 重 命名 ,以 便 让 网 
站 目录 内 的 网 页 可 以 引用 该 文件 。 

移动 文件 到 指定 目录 ,一般 使 用 move_uploaded_file() 函 数 。 该 函数 的 语法 如 下 : 


move_uploaded file( 文 件 原来 的 路 径 和 文件 名 ,文件 的 目的 路 径 和 文件 名 ) 


提示 : 该 函数 还 提供 了 一 个 额外 的 功能 , 即 检查 并 确保 由 第 一 参数 指定 的 文件 ,是 否 是 
合法 的 上 传 文件 ( 即 通过 HTTP POST 上 传 机 制 所 上 传 的 ) ,这 对 于 网 站 安全 是 至 关 重 要 
的 。 即 该 文件 包含 了 is_uploaded_file() 函 数 的 功能 。 

下 面 是 4-24. php 的 代码 。 该 程序 的 功能 是 将 上 传 的 临时 文件 移动 到 网 站 指定 目录 内 ， 
并 为 它 重 命名 。 为 此 先 要 检查 指定 目录 是 否 存在 ,如 果 不 存在 , 则 创建 。 再 用 当前 时 间 生 成 
文件 名 。 最 后 通过 $ _FILES 获取 临时 文件 的 文件 名 作为 原文 件 名 ,就 可 以 用 move_ 
uploaded_fileO 〇 将 临时 文件 移动 到 指定 目录 下 了 。 运 行 结果 如 图 4-20 所 示 。 


a coDRCELDPnegagEapEtUELSEECSCa pa Vm a a 
<? // $upload dir 是 上 传 文件 的 目录 ,getcwd( ) 可 获取 当前 脚本 所 在 目录 
$upload dir = getcwd() . "\\images\\"; // 即 " 当 前 目录 \images" 
if(!is dir( $ upload dir)) // 如 果 目 录 不 存在 , 则 创建 
mkdir( $ upload dir); 
function makefilename() { // 此 函数 用 于 根据 当前 时 间 生 成 上 传 文件 名 
$ curtime = getdate(); // 获取 当前 系统 时 间 , 生成 文件 名 


$ filename = $ curtime['year'] . $ curtime[ 'mon'] . $ curtime[ 'mday'] . $ curtime[ 'hours']. 
$ curtime[ 'minutes'] . $ curtime[ 'seconds'] . ".jpg" 


return $ filename; 1/ 返回 生成 的 文件 名 
} 
$ newfilename = makefilename(); 
$ newfile = $ upload dir . $ newfilename; // 生 成 文件 路 径 名 加 文件 名 


if(file_exists( $ _FILES[ 'upfile'][ 'tmp_name'])) { // 如 果 这 个 临时 文件 存在 ,表明 上 传 成 功 
move_uploaded file( $ _FILES[ ‘upfile'][ 'tmp_name'], $ newfile); 
echo "客户 端 文件 名 :" . $ _FILES[ 'upfile']['name'] . "<br>"; 
echo "文件 类 型 :". $ _FILES[ 'upfile']['type']. "<br>"; 
echo "大 小 :"”.$ _FILES[ 'upfile']['size'] ." 字 节 < br >"; 
echo "服务 器 端 临时 文件 名 :" . $ _FILES[ 'upfile'][ 'tmp_name'] . "<br>"; 
echo "上 传 后 的 新 文件 名 :" . $ newfile . "<br>"; 
echo ' 文 件 上 传 成 功 [ <a href ="#" onclick = "history. go( - 1)"> 继 续 上 传 </a> ] 
<p> 下 面 是 上 传 的 图 片 文件 :</p> 
< img src = "images/'. $ newfilename .'">';} // 用 img 标记 显示 上 传 的 图 片 
else echo "上 传 失 败 ,错误 类 型 :". $_FILES[ "upfile'][ 'error']; 


?> 
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soft Internet Erplorer 
mo ad 2 so TAO MO [3 
地 址 0) | 夸 了 php/4-24_php = 
客户 端 文件 名 : 雪铁龙. jpg 
文件 类 型 ，image/pjpeg 
大 小 :6353 字 节 
人 C:\WINDOWS\TENP\php198. tmp 


上 传 后 的 ee jpg 
文件 上 传 成 功 [ 


于 入 是 上传 的 加 证 名 条 


图 4-20 ”4-24. php 的 运行 结果 


4.5.4 同时 上 传 多 个 文件 


多 个 文件 上 传 和 单 文件 上 传 实现 的 方法 是 相似 的 ,只 需要 在 表单 中 多 提供 几 个 文件 上 
传 域 , 并 指定 name 属性 值 为 同一 个 数组 即 可 。 例 如 ,在 下 面 的 程序 中 ,用 户 可 以 选择 三 个 


本 地 文件 一 起 上 传 给 服务 器 ,客户 端 页 面 代码 (4-25. php) 如 下 ,显示 效果 如 图 4-21 所 示 。 


<h3 align = "center"> 多 文件 上 传 功 能 演示 </h3 > 
<p> 请 选择 要 上 传 的 三 张 图 片 文 件 </p> 
< form action = "4— 26. php" method= "post" enctype = "multipart/form— data"> 
文件 1:< input type = "file" name = "upfile[]" /><br><br> 
文件 2:< input type = "file" name = "upfile[]" /><br><br> 
文件 3:< input type = "file" name = "upfile[]" /><br><br> 
< input type= "submit" value=" 上传” 人 > 
</form> 


村 多 文件 上 传 功能 演示 - Micresoft Zat 同 [= 

文件 四 编辑) 查看 WD 收藏 由 工具 ( ”| 

地 址 四 ) 周 http://localhost/php/6/exanple/6. 2/4-25 辐 
多 文件 上 传 功能 演示 


请 选择 要 上 传 的 三 张 图 片 文件 


文件 1: 区 Ad5lzoraoe 下 
EEC | 
文件 3: rosassap Nl| 


图 4-21 多 文件 上 传 程序 界面 


在 上 面 
4-26. php 时 


的 代码 中 ,将 三 个 文件 上 传 域 以 数组 的 形式 组 织 在 一 起 , 当 表 单 提交 给 脚本 文件 
,服务 器 端 同样 可 以 使 用 $ _FILES 获取 所 有 上 传 文件 的 信息 ,但 $_FILES 已 
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经 由 二 维 数组 转变 成 了 三 维 数组 。 例 如 ,保存 第 一 个 文件 文件 名 的 数组 元 素 是 $ _FILES 
[upfile'"][Lname'"] [0]。 
我 们 可 以 在 4-26. php 中 输入 如 下 代码 ,来 输出 $ _FILES[ 'upfile'] 数 组 的 内 容 : 


<? print r( $_FILES); ?> 


则 选择 了 三 个 上 传 文件 , 单 击 * 上 传 ”按钮 后 ,执行 结果 如 下 : 


Array( 
[upfile] => Array ( 

[name] =>Array ( //$ _FILES[ 'upfile'] ['name'] 保 存 了 所 有 上 传 文件 的 名 称 
[0] => 1000E.TXT //$ _FILES[ 'upfile'] ['name'] [0] 第 一 个 文件 的 名 称 
[1] => 配 置 文件 .txt [2] => footernew2. jpg ) 

[type] => Array ( 
[0] => text/plain //$ _FILES[ "upfile'] ['type'] [0] 第 一 个 文件 的 类 型 
[1] => text/plain [2] => image/pjpeg  ) 

[tmp_name] => Array ( //$ _FILES[ "upfile'] [ 'tmp_name'] 所 有 上 传 文件 的 临时 文件 名 
[0] => C:\WINDOWS\TEMP\php1E5. tmp 
[1] => C:\WINDOWS\TEMP\php1E6. tmp 
[2] => C:\WINDOWS\TEMP\phplE7. tmp ) 


[error] => Array ( 

[0] =>0 [1] =>0 Lele=0 
[size] => Array ( 

[0] => 7086 [1] => 28884 [2] => 41806 Wy 


接 下 来 ,根据 $_FILES 获取 的 临时 文件 文件 名 ,同样 可 以 用 move_uploaded_file() 将 
临时 文件 移动 到 指定 目录 下 ,就 实现 了 多 文件 的 上 传 。 


一 、 选 择 题 
1. 下 列 有 关 GET 和 POST 方法 传递 信息 的 说 法 中 ,正确 的 是 ( 刘 
A. GET 方法 是 通过 URL 参数 发 送 HTTP 请 求 , 传 递 参数 简单 , 且 没 有 长 度 限 制 
B. POST 方法 是 通过 表单 传递 信息 ,可 以 提交 大 量 的 信息 
C. 使 用 POST 方法 传递 信息 会 出 现 页 面 参数 泄露 在 地 址 栏 中 的 情况 
D. 使 用 URL 可 以 传递 多 个 参数 .参数 之 间 需 要 用 “?” 连 接 
2. 下 列 ( ) 数 组 不 可 能 用 来 获取 表单 元 素 的 值 。 


A. $_REQUESTL]J B: 演 _ POSTL] 

C. $CETO D. $_SERVERL] 
3; 下 列 ( ) 函数 不 是 缓冲 区 操作 函数 。 

A. ob_flush() B. flush() 


C. ob_flush_clean() D. ob_end_clean() 
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4. 下 面 程序 段 执行 完毕 ,页面 上 显示 内 容 是 ( i 


<? = htmlspecialchars("<a href = 'http://www. sohu. cn 人 > 搜狐 </a>") ?> 


A. 搜狐 
B. <a href= 'http://www. sohu. cn'> 搜 狐 </a> 
C. 搜狐 ( 超 链 接 ) 


D. 该 句 有 错 ,无 法 正常 输出 

5. 关于 Session 和 Cookie 的 区 别 , 下 列 ( ) 是 错误 的 。 
A. 服务 器 会 自动 为 用 户 建立 Cookie 对 象 
B. 用 户 关闭 浏览 器 ,网 站 为 该 用 户 创 建 的 Session 对 象 将 无 法 访问 
C. 用 户 新 开 一 个 浏览 器 窗口 ,网 站 为 其 创建 一 个 新 的 Session 对 象 
D. 用 户 关闭 计算 机 ,其 Cookie 仍然 存在 

6. 如 果 要 删除 Cookie, 可 以 使 用 下 列 ( ””) 函 数 。 


A. clearcookie() B. setcookie() 
C. destroy() D. ob_end_flush() 
7. 在 PHP 中 要 使 用 Session, 必 须 先 调用 下 列 ( ) 函数。 
A. ob_start() B. session_id() C. session_start()  D. setcookie 


8. 有 些 语句 要 求 只 有 在 服务 器 还 没有 向 浏览 器 输出 任何 信息 前 才能 使 用 ,下 列 请 句 中 
无 此 要 求 的 是 ( )。 


A. setcookie('userName',''); B. session_start(); 
C. header("location: 4-8. php "); D. session_unset(); 
9. 在 网 站 页 面 之 间 传 递 值 的 方法 有 ( ) (多 选 )。 
A._ Session 变量 B. Cookie 变量 
C. 表单 变量 D. URL 变量 
二 , 填空 题 


1. 如 果 超 链接 的 地 址 是 http://ec. hynu. cn/instr. php? abc 二 3&becd 二 test, 要 获取 参 
数 bed 的 参数 值 应 使 用 的 命令 是 - 

2. Session 对 象 默 认 情 况 下 的 有 效 期 是 分 钟 。 要 提前 结束 一 个 Session, 可 以 
用 方法 。 要 返回 Session 对 象 的 id, 可 以 用 函数 。 

3. 在 A 网 页 上 创建 了 一 个 Session 变量 : $_SESSION["user"]=" 张 三 " ,在 B 网 页 上 
要 输出 这 个 Session 变量 的 值 ,应 使 用 

4. 假设 用 $ _POST[ 'username'] 能 获取 到 信息 , 则 能 判断 提交 给 该 页 的 表单 中 含有 

属性 为 username 的 表单 元 素 。 该 表单 form 标记 的 method 属性 为 sa 

5. 如 果 要 修改 一 个 Cookie 变量 的 有 效 期 , 需 使 用 函数 。 

6. 要 获取 上 传 文件 的 信息 ,需要 使 用 数组 ,要 将 上 传 文件 移动 到 指定 位 置 , 需 
要 使 用 靖 数 。 

三 、 问 答题 

1. 在 PHP 中 有 哪些 常用 的 超 全 局 变量 ? 请 简 述 它们 的 主要 功能 。 

2. 在 form 标记 中 ,method 和 action 属性 的 作用 分 别 是 什么 ? 
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3. 若 要 在 PHP 中 快速 获取 一 组 复 选 框 的 值 ,应 如 何 命 名 这 些 复 选 框 ? 

4. 在 PHP 中 ,设置 URL 参数 的 方法 有 哪些 ? 

5. 能 否 将 多 个 不 同 的 表单 页 提交 给 同一 个 表单 处 理 页 ? 

四 、 编 程 题 

1. 编写 一 个 简单 计算 器 程序 ,在 表单 中 添加 两 个 文本 框 供用 户 输入 数字 ,下 拉 框 用 来 
选择 运算 符 , 当 单 击 “ 二 ”按钮 后 在 网 页 上 输出 结果 ,如 图 4-22 所 示 。 要 求 : 单 击 “ 一 ”按钮 
后 用 户 在 文本 框 中 输入 的 数字 仍然 存在 。 


济 计 算 器 程序 - Wicrosoft Interaee 9 


文件 四 编辑) 查看 WD 收藏 工 ” 名 
地 址 加) 网 http://localhost/php/2/ exenple/2 | 


文件 编辑 E) 查看 由 收 高 W) 工 ” 导 
地 西国 | 扮 http://1ocslhost/php/2/exanple/2. | 


计算 器 [5 _  F 司 14 
单 击 "=" 按 钮 


剧 
4-22 计算 器 程序 效果 图 


2. 下 面 的 表单 会 向 服务 器 发 送 哪 几 个 变量 信息 ? 编写 服务 器 端 程序 获取 发 送 来 的 所 
有 变量 信息 并 按 以 下 格式 输出 : XX 您 好 ,您 住 在 X X ,您 的 密码 是 X X X。 


< form name = "abc" method = "post" action = "g4.php"> 
用 户 名 : 张 三 < input type = "radio" name = "user" value = " 张 三 "> 
李 四 < input type = "radio" name = "user" value = " 李 四 "> 
住址 :< select name = "addr"> 
< option value = "长 沙 "> 长 沙 </option> 
< option value = "衡阳 "> 衡阳 </option> 
</select > 
< input type = "hidden" name = "pwd" id = "hi" value = "123"> 
< input type = "submit" value = "登录 "> 
</form> 


3. 下 面 是 一 个 获取 表单 提交 信息 的 程序 ,名 称 为 rec. php, 请 写 出 一 个 能 让 它 获取 得 到 
数据 的 表单 代码 。 
<? $name= $_POST["name"]; // 获 取 各 个 表单 元 素 的 值 
$ Sex= $ _POST["Sex"]; 
$ hob= $ _POST["hobby" ]; 


$car= $_POST["career"]; 
人 


4. 编写 PHP 程序 产生 一 个 随机 数 ,并 让 用 户 在 文本 框 输入 数字 来 猜测 该 随机 数 (图 4-23)， 
用 户 有 5 次 机 会 ,根据 用 户 的 猜测 结果 给 予 相应 提示 (提示 : 将 程序 在 猜测 前 产生 的 随机 数 
保存 在 表单 隐藏 域 中 ,这样 用 户 每 次 猜测 时 该 随机 数 都 不 会 发 生变 化 ) 。 该 程序 的 表单 代码 
如 下 ,请 补充 PHP 代码 。 
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lolxl 


EE 
呈 证 加 | 改 http://1ocalhost/ptp/2 于 


re | 


猜 数 字 游戏 : 习 | |[ 薄 数 字 游戏 ， 玺 小 了 ， 你 还 有 4 次 机 会 轨 
输入 整数 (1-10) | 输入 整数 (1-10) 
9 国 [E33| 国 


图 4-23 猜 数字 游戏 程序 效果 图 


< form method = "post" action = ""> 输 入 整数 (1- 10)<br /> 
< input type = "text" name = "SZ" size= "6"> 
< input name= "rand" type= "hidden" value= "<?= $a?>" /> 
< input name = "last" type= "hidden" value= "<?= $b?>" /> 
< input type= "submit" name = "sub" value= "确定 "> 


<! 一 保存 猜测 前 产生 的 随机 数 -一 > 
<! 一 保存 剩余 机 会 次 数 --> 


</form> 


5. 编写 回答 多 项 选择 题 的 PHP 程序 。 程 序 界面 如 图 4-24 所 示 。 如 果 输 入 正确 答案 
(PHP、ASP、JSP), 则 在 网 页 上 提示 “正确 ”, 如 果 少 选 了 , 则 提示 “回答 不 全 ”, 否 则 提示 “错误 ”。 


http://localhost/php/2/exanple/2 AS SIE 


文件 @) 编辑 E) 查看 Q) 收 蕊 人 工具 C) 帮 有 ”| 人 肝 
FEEOj 和 图 http://iocahostyzhp/z/exaplewyz. lazoyz pkp 加 


1， 以 下 属于 Web 开 发 语言 的 有 哪 几 种 ? 
Ajax 记 PHP 区 FLASHC ASP 网 JSP 网 国 


图 4-24 回答 多 项 选择 题 的 程序 界面 


PHP 访 方 问 数据 库 | 


由 于 动态 网 站 、Web 应 用 程序 都 需要 数据 库 的 支持 ,因此 学 会 使 用 PHP 访问 数据 库 就 
显得 非常 重要 了 。 将 网 站 数据 库 化 ,就 是 使 用 数据 库 来 管理 整个 网 站 。 这 样 只 需 更 新 网 站 
数据 库 的 内 容 , 网 站 页 面 内 容 就 会 自动 更 新 。 网 站 数据 库 化 的 好 处 有 : 

(1) 可 以 自动 更 新 网 页 。 采 用 数据 库 管 理 , 只 要 更 新 数据 库 的 数据 ,网 页 内 容 就 会 自动 
得 到 更 新 ,过 期 的 网 页 也 可 以 自动 不 显示 。 

(2) 加 强 搜索 功能 。 将 网 站 的 内 容 储 存在 数据 库 中 ,可 以 利用 数据 库 提供 的 强大 搜索 
功能 ,从 多 个 方面 搜索 网 站 内 的 信息 。 

(3) 可 以 实现 各 种 基于 Web 数据 库 的 应 用 。 用 户 只 要 使 用 浏览 器 ,就 可 以 通过 网 络 ， 
查询 或 存 取 位 于 Web 服务 器 数据 库 中 的 数据 ,实现 Internet 上 的 各 种 应 用 功能 ,例如 个 人 
博客 ` 网 上 购物 .网 上 订 票 .网 上 话费 查询 .银行 余额 查询 、 股 市 买卖 交易 .在线 学 生 注册 选 
课 , 以 及 网 上 择 友 等 。 

因此 ,很 多 人 认为 动态 网 站 就 是 使 用 了 数据 库 技术 的 网 站 ,虽然 这 种 说 法 不 准确 ,但 足 
以 说 明 数 据 库 在 动态 网 站 中 的 重要 作用 。 


66.1 数据 库 的 基本 知识 
A 


5.1.1 数据 库 的 基本 术语 


所 谓 数据 库 就 是 按照 一 定数 据 模型 组 织 、 存 储 在 一 起 的 ,能 为 多 个 用 户 共享 的 ,与 应 用 
程序 相对 独立 、 相 互 关联 的 数据 集合 。 

目前 绝 大 多 数 数据 库 采用 的 数据 模型 都 是 关系 数据 模型 ,所 谓 “ 关 系 ” 简 单 地 说 就 是 表 。 
所 以 ,数据库 在 逻辑 上 可 以 看 成 是 一 些 表格 组 成 的 集合 。 一 个 数据 库 通常 包含 n 个 表格 
(n 宇 0)。 图 5-1 就 是 一 张 学 生 基本 情况 表 。 


四 医者 歼 生机 
ior] zo 二 区 | | 
(TT EE ED 
四 CE 
sons sl Tm 


字段 
图 5-1 学 生 基 本 情况 表 


字段 名 
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下 面 是 数据 库 的 一 些 基 本 术语 : 

字段 : 表 中 竖 的 一 列 叫 作 一 个 字段 ,图 中 有 7 个 字段 ,“ 姓 名 ”就 是 一 个 字段 的 字段 名 ， 
“ 陈 诗 颖 ?是 该 字段 的 一 个 字段 值 。 

记录 : 表 中 横 的 一 行 叫 作 一 个 记录 ,每 条 记录 描述 一 个 具体 的 事物 。 图 中 选择 了 第 2 
条 记录 ,也 就 是 “ 胡 艳 ”的 相关 信息 。 

值 : 纵横 交叉 的 地 方 叫 作 值 ,例如 图 中 第 4 条 记录 的 “籍贯 "字段 的 值 为 “上 海 ”。 

表 : 由 横行 竖 列 垂直 相交 而 成 。 可 以 分 为 表 头 ( 字 段 名 ) 和 表 中 数据 两 部 分 。 表 也 可 以 
看 成 是 若干 条 记录 的 集合 ,在 数据 库 的 表 中 不 允许 有 两 条 完全 相同 的 记录 。 

数据 库 : 用 来 组 织 和 管理 表 的 ,一 个 数据 库 一 般 有 若干 张 表 ,数据 库 不 仅 提供 了 存储 数 
据 的 表 , 而 且 还 包括 视图 索引、 存储 过 程 等 高 级 功能 。 


5.1.2 使 用 phpMyAdmin 管理 MySQL 数据 库 


MySQL 是 一 个 数据 库 管理 系统 软件 ,是 一 种 比较 流行 的 关系 型 数据 库 。 与 其 他 数据 
库 管 理 系统 (Oracle.DB2、SQL Server) 相 比 ,MySQL 具有 体积 小 ,速度 快 、 功 能 齐全 ,并 且 
完全 免费 等 特点 ,使 得 一 般 中 小 型 PHP 网 站 的 开发 都 选择 MySQL 作为 网 站 数据 库 。 

MySQL 是 一 个 开源 软件 ,没有 提供 图 形 操作 界面 ,所 有 的 操作 都 必须 通过 命令 来 执 
行 。 为 此 ,人 们 开发 了 phpMyAdmin, 它 提供 了 MySQL 的 图 形 操作 界面 。phpMyAdmin 
的 最 大 优势 在 于 , 它 是 一 个 B/S 结构 的 软件 ,用 户 可 将 其 上 传 到 Web 服务 器 的 网 站 目录 
下 ,就 能 管理 服务 器 上 的 MySQL 数据 库 了 。 


1. 创建 数据 库 


在 图 1-14 中 输入 用 户 名 和 密码 , 即 可 进入 phpMyAdmin 的 主 界面 (图 5-2) ,在 右 侧 窗 
口 的 “创建 一 个 新 的 数据 库 ” 中 可 输入 待 创建 的 数据 库 名 ,如 guestbook。 单 击 “ 创 建 " 按 钮 ， 
就 创建 了 一 个 名 为 guestbook 的 空 数据 库 。 
局 1ocalhost:88 / localhost | phpgyAdain 2.10.2 - Micres, 


文件 中) 编辑 于) 查看 WW) 收 宰 由 ) 工具 加 ) 帮助 中 
起 址 甸 咱 多 http://1ocalhost :88/wew/phpliyhdnin/ 


oft Internet Explo 


localhost 


已 创建 的 数据 库 ， 数 字 
表示 数据 库 中 的 表 数 


图 服务 器 版 本 : 5.0.45-community-nt-log 
， Protocol version: 10 

图 服务 器 : localhost via | 创建 数据 库 : 
， 用户- root@localhost 输入 数据 库 名 
园 MySaQL 字符 集 : UTF-8 Unicod 
园 MySQL 连接 校对 


Utf8_unicode_ci 本 


楼 显 不 MySQL 的 运行 信息 


图 5-2 ” phpMyAdmin 的 主 界面 
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提示 : 创建 guestbook 数据 库 后 ,MySQL 会 自动 在 D:\AppServ\MySQL\data 目录 下 
创建 guestbook 子 目录 ,及 相关 文件 (如 db. opt)。 因 此 ,一 个 MySQL 数据 库 对 应 一 个 目 
录 , 如 果 要 移动 一 个 MySQL 的 数据 库 到 另 一 台 机 器 ,只 需 把 该 数据 库 对 应 的 目录 复制 到 另 
一 人 台 机 器 的 \MySQL\data 目录 下 即 可 。 


2. 新 建 表 


创建 数据 库 后 ,网 页 会 转 到 如 图 5-3 所 示 的 创建 表 的 窗口 。 在 该 窗口 中 输入 待 创建 表 
的 名 称 , 如 lyb, 然 后 再 在 Number of fields 后 输入 表 中 的 字段 数 , 单 击 * 执 行 ?按钮 , 即 创建 
了 一 个 名 为 lyb 的 表 。 此 时 网 页 会 转 到 如 图 5-4 所 示 的 表 的 设计 视图 ,在 这 里 需要 输入 每 
个 字段 的 名 称 、 类 型 ,长度 等 信息 ,并 定义 主键 和 额外 等 。 


园 服务 器 : localhost 加 数据 库 : guestbook 


_ 玫 结构 交 sSQL 万 搜索 ， 品 查询 “ 范 导 出 柄 Import 货 损 作 的 权限 
加 日 除 


国 数据 库 guestbook 已 经 建立 。 


中 有 家 创建 表 Iyb 表 中 字段 数 


数据 库 
guestbook (0) | 


guestbook (1) 
目 yb2 


图 5-3 ” phpMyAdmin 创建 表 的 窗口 


图 服务 器 : localhost 》 加 数据 库 : guestbook ， 国 表 :yb 
字段 类 型 回 长 度 值 "1 


i - 


gl gl 
设 为 主键 


a| 9 


Qo lodo ledlo edo Rel 


电 lelele le 


后 一 
司 一 
varchar | EE 
三 二 
所 一 


ese | 
亿 性 四 le 


9b2312_chinese_ci | 
保存 表 | 保存 | 添加 [1 “字段 执行 | 


图 5-4 输入 表 中 的 字段 


由 于 本 节 创 建 的 表 lyb 是 一 个 给 留言 板 保存 用 户 留 言 的 表 , 因 此 该 表 中 的 字段 (title、 
content、author、email、ip、addtime、sex) 分 别 用 来 保存 留言 的 标题 \ 内 容 、 留 言 者 ,留言 者 的 
E-mail 地 址 、 留 言 者 的 IP、 留 言 时 间 、 留 言 者 性 别 。 
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图 5-4 中 的 一 行 对 应 一 个 字段 ,也 就 是 表 中 的 一 列 , 其 中 字段 名 称 建 议 用 英文 命名 ,这 
样 方便 以 后 使 用 PHP 程序 访问 表 中 字段 。 对 每 个 字段 还 可 以 添加 注释 。 字 段 的 数据 类 型 
主要 有 以 下 几 种 : 

(1) INT: 用 于 存储 标准 的 整数 ,该 类 型 数据 占 4 字 节 (不 能 设 定 长 度 ), 取 值 范 围 为 
一 214 783 648 一 214 783 647。 如 果 要 存储 的 整数 比较 小 ,还 可 考虑 使 用 tinyint( 取 值 范围 
一 127 一 127) 和 smallint 数据 类 型 (一 32 768 一 32 767) 。 

(2) VARCHAR: 是 一 种 可 变 长 度 的 字符 串 类 型 , 它 可 设 定 长 度 ,其 长 度 范围 为 0 一 255 
字符 ,用 于 存储 比较 短 的 字符 串 。 

(3) CHAR: 是 一 种 固定 长 度 的 字符 串 类 型 ,这 种 字段 占用 的 空间 被 固定 为 创建 时 所 
声明 的 长 度 。 

(4) TEXT: 用 于 存储 比较 长 的 字符 串 ,或 图 像 .声音 等 二 进 制 数据 。 该 类 型 不 能 指定 
长 度 。TEXT 和 BLOB 类 型 在 分 类 和 比较 上 存在 区 别 , BLOB 类 型 区 分 大 小 写 , 而 TEXT 
不 区 分 大 小 写 , 比 指定 类 型 支持 的 最 大 范围 大 的 值 将 被 自动 截 短 。 

(5) BOOL: 布尔 型 数据 , 它 只 有 True 和 False 两 个 值 。 

(6) DATETIME: 用 于 保存 日 期 /时 间 的 数据 类 型 ,该 类 型 不 能 指定 长 度 。 此 外 ,如 果 
只 希望 保存 日 期 ,可 使 用 DATE 类 型 ,如 果 只 要 保存 时 间 ,可 使 用 TIME 类 型 。 

提示 : CHAR 和 VARCHAR 的 区 别 在 于 : 假设 将 一 个 长 为 10 字 节 的 字符 串 保存 在 一 
个 类 型 为 CHAR(40) 的 字段 中 , 则 该 字符 串 将 占用 40 字 节 ,MySQL 会 自动 在 它 的 右边 用 
空格 字符 补足 。 而 如 果 将 其 保存 在 类 型 为 VARCHAR(40) 的 字段 中 , 则 该 字符 串 只 占用 
11 字 节 (每 个 值 只 占用 刚好 够 用 的 字 节 ,再 加 上 一 个 用 来 记录 其 长 度 的 字 节 )。 可 见 , 要 节 
省 存储 空间 ,可 以 使 用 varchar 类 型 ,而 从 速度 方面 考虑 ,最 好 使 用 char 类 型 。 

在 图 5-4 中 ,将 留言 的 ID 字段 设置 为 “auto_increment”( 自 动 递 增 ) ,这 样 每 插入 一 条 记 
录 , 系 统 都 会 自动 为 该 记录 的 ID 字段 添加 一 个 递增 的 数值 ,以 保证 每 条 记录 都 会 有 一 个 唯 
一 的 编号 ,在 查找 或 显示 留言 时 可 以 依据 这 个 编号 找到 对 应 的 留言 。 留 言 的 内 容 (content 
字段 ) 必 须 采 用 TEXT 数据 类 型 ,以 保证 它 可 以 容纳 很 长 的 文本 内 容 。 

最 后 可 以 对 表 设 置 主键 ,所 谓 主键 是 指 能 唯一 标识 某 条 记录 的 字段 。 作 为 主键 的 字段 
必须 能 满足 两 个 条 件 : 该 字段 中 的 值 不 能 为 空 ; 四 字段 中 的 值 不 能 有 重复 的 ,这 样 该 字 
段 才 能 唯一 标识 某 条 记录 。 

本 例 中 ID 是 自动 递增 字段 ,自然 不 会 有 重复 ,也 不 会 有 空 值 ,因此 可 以 将 其 当 作 主 键 唯 
一 地 标识 一 条 记录 。 设 置 主键 的 方法 是 将 该 字段 右 侧 表示 “主键 ”的 单 选 按钮 选中 即 可 。 


3. 修改 表 的 结构 


表 创 建 以 后 ,在 图 5-3 的 左 侧 窗口 ,数据 库 guestbook 下 面 就 会 显示 该 数据 库 中 已 存在 
的 表 , 如 果 要 修改 表 的 结构 ,可 以 在 图 5-3 的 左 侧 窗口 中 单 击 该 表 名 , 右 侧 窗口 就 会 出 现 如 
图 5-5 所 示 的 数据 表 管理 界面 ,在 这 里 可 对 数据 表 的 结构 进行 修改 ,例如 在 表 中 添加 字段 、 
删除 字段 或 修改 字段 。 

4. 向 表 中 添加 记录 


在 图 5-5 的 数据 表 管 理 界面 中 : 单 击 上 方 的 “插入 "选项 卡 ,就 会 出 现 如 图 5-6 所 示 的 窗 
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口 ,在 这 里 可 以 向 表 中 添加 记录 ( 即 向 表 中 插入 一 行 ) ,一 次 最 多 只 能 添加 两 条 记录 。 


困 服务 器 : localhost ， 品 数据 库 : guestbook ， 国 表 :yb 
_ 丽 浊 攻 | 国 自 和 | 部 SaL 户 扫 索 | 并 括 入 | 及 导出 腊 Import 台所 作出 洁 安 ， 疝 到 陆 


编辑 字 4# 删除 字段 
字段 类 型 整理 尾 性 ”Null 默认 额外 
FF smallint(6) 否 auto_increment F 


图 加 | 
厂 tie varchan60) gb23129 否 图 居 X 图 四 加 器 
厂 ”content text 9b2312_chinese_ci 否 A 
厂 author varchan(40) gb2312_chinese_c 否 转 几 X 图 司 
厂 email Varchar(30) gb2312_chinese_di 否 凡 X 图 加 
记 现 varchar(20) gb2312_chinese_ci 否 园 丸 X 
厂 ime datelime 否 Xx 加 园 
厂 sex ~ chal2) gb2312_chinese_ci 否 国外 X 图 吕 | 辣 
人 全 选 /全 部 不 选 进 忆 允 国 必 X 轿 四 图 园 


前 打印 预 ， 规划 表 结 构图 
车: 添加 站 字段 C 于 素 结 尾 于 表 开 头 于 [iD 可 之 请 一 


图 5-5 数据 表 的 管理 界面 


困 服务 器 : localhost ， 数据 库 : guestbook ， 国 表 :lyb 
_ 围 浏览 ” 阿 结 构 ”只 SQL 万 搜索 屠 轿 入 此 导出 阿 Impor 句 氛 作 [国土 宝 ， 园 到 除 


自动 篇 己 字段 不 要 输入 值 
宇 及 类 型 Nu 
上 smallint(6) 王 -至 -3 于 一 
te varchar(s0) |[ 可 FAR | 


Sontent tea 了 | 


author varchar(40) | S| 三 
辐 


email varchar(30) sanya@qq com 
ip varchar(20) T ] [Bs 51.24.37 
addime datetime 可 2012-3-317:34:.21 “加 


sex char(2) |[ 司 顾 
以 新 行 插入 加 | and then [SET | 加 


8 单 击 * 执 行 " 将 添加 记录 [也 本 | 王权 | 


图 5-6 向 表 中 添加 记录 (插入 一 行 ) 


说 明 : 


(1) 在 各 字段 输入 值 时 必须 符合 字段 数据 类 型 及 该 字段 格式 的 要 求 ,否则 无 法 输入 。 
(2) 不 要 输入 自动 编号 字段 的 值 ,因为 系统 会 自动 添加 ,删除 某 一 记录 后 自动 编号 字段 


(ID) 的 值 也 不 会 被 新 记录 占用 。 


5. 修改 或 删除 记录 


如 果 要 修改 或 删除 一 条 记录 ,可 以 单 击 图 5-5 中 的 “浏览 ”选项 卡 ,页 面 下 方 将 显示 表 中 
所 有 记录 ,如 图 5-7 所 示 。 在 每 条 记录 的 左 侧 均 有 “编辑 "和 “删除 ”按钮 , 单 击 按钮 即 可 对 该 


条 记录 进行 编辑 或 删除 。 
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Bo ,A | 

以 [水 和 ” 辐 模 式 示 , 并 有 在 [100 个 单元 格 后 重复 标题 + 
主键 排 记 玉 ” ” ” 司 慨 到 | { 
CT» Das ttessee content ssas author ss email sera EF 
r [zx 1 视 大 家 天 天 开心 丰富 感谢 大 家 长 期 以 来 的 笑 助 唐 = 彩 sanyo@tomcom 1 
[| 131 到 此 一 游 本 人 今天 到 此 一 游 小 神 纪 SS 
rlslx 132 请 教 个 问题 。 。 虚拟 目录 中 的 文件 如 亲 浏 览 。 李 博 十 tdkd@163 com 


1 全 选 /全 部 下 选 送 硫 户 X 图 了 
图 5-7 修改 或 删除 表 中 的 记录 
6. 修改 表 名 或 复制 表 


在 图 5-5 上 方 的 “操作 ”选项 卡 中 ,可 以 对 表 名 进行 修改 ,只 要 在 “ 表 选 项 "中 ,在 “将 表 改 
名 为 "后面 输入 新 表 名 即 可 。 在 右 侧 的 “将 表 复 制 到 ”选项 中 ,还 可 将 表 复 制 到 其 他 数据 库 
中 ,或 复制 为 本 数据 库 中 其 他 的 表 。 


5.1.3 SQL 语言 简介 


SQL(Structured Query Language) , 即 结构 化 查询 语言 ,是 操作 各 种 数据 库 的 通用 语 
言 。 在 PHP 中 ,无 论 访问 哪 种 数据 库 , 都 需要 使 用 SQL。SQL 语言 本 身 是 比较 庞大 复杂 


的 ,但 制作 普通 的 动态 网 站 只 需 掌握 一 些 最 常用 的 SQL 语句 就 够 了 。 常 用 的 SQL 语句 有 
以 下 5 种 。 

(1) Select 语句 一 一 查询 记录 ,基本 形式 为 Select…from…。 

(2) Insert 语句 一 一 添加 记录 ,基本 形式 为 Insert into…values…。 


(3) Delete 语句 一 一 删除 记录 ,基本 形式 为 Delete from…[where]…。 
(4) Update 语句 一 一 更 新 记录 ,基本 形式 为 Update…Set… 。 
(5) Create 语句 一 一 创建 表 或 数据 库 ,基本 形式 为 Create table( 或 Database)…。 


5.1.4 Select 语句 


Select 语句 用 来 实现 对 数据 库 的 查询 。 简 单 地 说 ,就 是 可 以 从 数据 库 的 相关 表 中 查询 
符合 特定 条 件 的 记录 ( 行 ) 或 字段 ( 列 ) 。 语 法 如 下 : 


Select 字段 列表 From 表 [Where 条 件 ] [Order By 字段 ] [Group By 字段 ] [limit s, n] 


说 明 : 

(1) 字段 列表 : 即 要 显示 的 字段 ,可 以 是 表 中 一 个 或 多 个 字段 名 ,多 个 字段 之 间 用 逗号 
隔 开 。 用 ”* ”表示 全 部 字段 。 

(2) 表 : 指 要 查询 的 数据 表 的 名 称 , 如 果 有 多 个 表 , 则 中 间 用 逗号 隔 开 。 

(3) Where 条 件 : 就 是 查询 只 返回 满足 这 些 条 件 的 记录 。 

(4) Order By 字段 : 表示 将 查询 得 到 的 所 有 记录 按 某 个 字段 进行 排序 。 

(5) Group By 字段 : 表示 按 字 段 对 记录 进行 分 组 统计 。 

(6) limit s, n: 表示 选取 从 第 s 条 记录 开始 的 n 条 记录 ,如 果 省 略 s, 则 表示 选取 前 n 
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条 记录 。 如 选取 前 6 条 记录 ,就 是 limit 6。 
1. 常用 的 Select 语句 示例 
(1) 选取 数据 表 中 的 全 部 数据 (所 有 行 所 有 列 ): 
Select * from lyb 
(2) 选取 指定 字段 的 数据 ( 即 选 取 表 中 的 某 几 列 ) : 
Select author, title from lyb 


(3) 选取 数据 表 中 最 前 面 几 行 或 中 间 几 行 记录 : 


Select * from lyb limit 5 // 选 取 前 5 条 记录 (1imit n 等 价 于 limit 0, n) 
Select * from lyb limit 0, 5 // 选 取 前 5 条 记录 (记录 行 号 从 0 开始 ) 
Select * from lyb limit 5, 10 // 选 取 第 6 一 10 条 记录 


说 明 : MySQL 使 用 limit 关键 字 来 限制 返回 的 结果 集 。limit 只 能 放置 在 Select 语句 
的 最 后 位 置 。 语 法 为 : 


limit [ 首 行 行 号 , ] 记录 条 数 


对 于 非 MySQL 数据 库 , 要 选取 表 中 前 n 条 记录 ,必须 使 用 Select top n 的 语法 。 例 如 : 


Select top 5 * from lyb // 选 取 前 5 条 记录 , 非 MySQL 数据 库 的 写法 


(4) 选取 满足 条 件 的 记录 : 


Select * from lyb where ID>5 

Select * from lyb where author = ' 张 三 ' 

Select author, title from lyb where ID Between 2 and 5 // 如 果 条 件 是 连续 值 
Select * from lyb where ID in (1, 3, 5) // 如 果 条 件 是 枚 举 值 


由 此 可 见 ,select 子 句 用 于 从 表 中 选择 列 ( 字 段 ),where 子 句 用 来 选择 行 ( 记 录 )。 

说 明 : 

(1) 在 SQL 语句 中 用 到 常量 时 ,字符 串 常量 两 边 要 加 单 引 号 (如 ' 张 三 ') ,日 期 和 时 间 两 
边 要 加 # 号 ,而 数值 常量 可 直接 书写 ,不 要 加 任何 符号 (如 5) 。 

(2) SQL 语言 不 区 分 大 小 写 , 但 在 PHP 中 书写 SQL 语句 ,字段 名 是 区 分 大 小 写 的 。 


2. 选取 满足 模糊 条 件 的 记录 
有 时 经 常 需 要 按 关键 字 进 行 模糊 查询 ,例如 : 


Select * From lyb Where author like '% 芬 名 ' //author 字段 中 有 " 芬 " 字 的 记录 
Select * From lyb Where author like ' 张 %' // 姓 名 以 " 张 "开头 的 人 
Select * From lyb Where author like ' 唐 _' // 姓 名 以 " 唐 " 开 头 且 为 单 名 的 人 


其 中 ,“% ”表示 与 任何 0 个 或 多 个 字符 匹配 ,“_” 表 示 与 任何 单个 字符 匹配 。 需 要 注意 
的 是 ,如 果 在 Access 中 直接 写 查 询 语句 ,“%” 需 换 成 “* ”,“_” 需 换 成 “?”。 
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3. 对 查询 结果 进行 排序 


利用 Order By 子 句 可 以 将 查询 结果 按照 某 种 顺序 排序 。 例 如 ,下 面 的 语句 将 按 作 者 名 
的 拼音 字母 的 升序 排列 。 


Select * From lyb order by author RSC 


下 面 的 语句 将 把 记录 按 ID 字段 的 降序 排列 。 

Select * From lyb order by idDESC 

如 果 要 按 多 个 字段 排序 , 则 字段 间 用 逗号 隔 开 。 排 序 时 ,首先 参考 第 一 字段 的 值 , 当 第 
一 字段 值 相同 时 ,再 参考 第 二 字段 的 值 , 以 此 类 推 。 例 如 : 


Select * From lyb order by date DESC, author 


说 明 : ASC 表示 按 升序 排列 ,DESC 表示 按 降 序 排列 。 如 果 省 略 , 默 认 值 为 ASC。 

4. 汇总 查询 

有 时 需要 对 全 部 或 多 条 记录 进行 统计 。 例 如 对 一 个 学 生成 绩 表 来 说 ,可 能 希望 求 某 门 
课程 所 有 学 生 的 平均 分 。 又 如 对 学 生 信 息 表 来 说 ,可 能 需要 求 每 个 专业 的 学 生 人 数 。 
Select 语句 中 提供 了 Count、Avg、Sum、Max 和 Min 共 5 个 聚合 函数 ,分 别 用 来 求 记录 总 数 、 
平均 值 .和 、 最 大 值 和 最 小 值 。 

例如 ,下 面 的 语句 将 查询 表 中 总 共有 多 少 条 记录 : 


Select count( * ) From lyb 


下 面 的 语句 将 查询 所 有 记录 的 ID 值 的 平均 值 .之 和 和 最 大 的 ID 号 。 


Select avg( id), sum( id) ,max(id) From lyb 


说 明 : 

(1) 以 上 例子 返回 的 查询 结果 都 只 有 一 条 记录 , 即 汇总 值 。 

(2) Count (* ) 表 示 对 所 有 记录 计数 。 如 果 将 * 换 成 某 个 字段 名 , 则 只 对 该 字段 中 非 
空 值 的 记录 计数 。 

(3) 如 果 在 以 上 例子 中 加 上 where 子 句 ,将 只 返回 符合 条 件 的 记录 的 汇总 值 。 

聚合 函数 还 可 以 与 group by 子 句 结合 使 用 ,以 便 实现 分 类 统计 。 例 如 要 统计 每 个 系 的 
男生 人 数 和 女生 人 数 的 Select 语句 如 下 : 


Select 系 名 ，sex，count( * ) From students Group By 系 名 ，sex 
注意 : 使 用 group by 子 句 时 ,Select 子 句 中 只 能 含有 group by 中 出 现 过 的 字段 名 。 
5. 多 表 查 询 


如 果 要 查询 的 内 容 来 自 多 个 表 ,就 需要 对 多 个 表 进 行 连接 后 再 进行 查询 。 
例如 : 某 购 物 网 站 的 数据 库 中 含有 2 个 表 : 商品 表 (goods) 和 购物 车 表 (cart)。 商 品 表 
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中 包含 了 商品 ID .商品 名 .商品 图 片 ` 型 号 .单价 .商品 描述 等 字段 。 购 物 车 表 中 包含 了 用 户 
ID .商品 ID 商品 数量 等 字段 。 两 个 表 的 结构 如 下 : 

商品 表 : goods (spID, Name，Picture， Type, Price, DESCRPT) 

购物 车 表 : cart (UserID, spID, Number) 

但 一 般 的 购物 车 网 页 中 ,往往 还 需要 将 商品 的 图 片 、 名 称 、 单 价 等 信息 显示 出 来 ,如 
图 5-8 所 示 ,以便 顾 客 能 清楚 地 看 到 购物 车 中 的 各 种 商品 。 但 购物 车 表 中 却 只 保存 了 商品 
ID(spID) ,并 没有 保存 商品 的 其 他 属性 。 为 此 ,可 以 通过 商品 ID 字段 (两 个 表 中 共有 的 字 
段 ) ,将 购物 车 表 和 商品 表 连 接 起 来 ,就 能 查询 到 商品 名 称 、 图 片 \ 单 价 、 用 户 ID 和 数量 等 存 
储 在 两 个 表 中 的 信息 了 。select 语句 如 下 : 


Select Name, Picture, Price, Number, Number * Price from goods, cart where goods. spID = cart. 
spID and cart. userID= ‘tangsix' 


tangsix 的 购物 车 (i 购 洁 单 ) 
| 商品 图 片 ] | 而 品名 [tc 元 ) | 数量 总 价 (元 ) 。 操作 
-六 飞 科 FH6262 电 吹风 负离子 大 收藏 

¥84.00 日 [2 ¥168.00 

删除 
tom 32HME8000 R35 酒 晶 收藏 
二 ¥ 1498.00 习 | 2 ¥2996.00 出 除 
版 本 : 送 页 持 
三 星 ( SAMSUNG ) 液晶 显示 器 收藏 
对 S22C150N ¥788.00 日 L1 ¥788.00 开除 
Lenovo/ 联 想 G480A-ITH i3-23 收藏 
压 48/2G/500G/1G 独 显 ¥ 2999.00 日 | 1 | 国 ¥2999.00 内 


| naanrazm: ¥9,549.00 EE 


图 5-8 一 个 顾客 购物 车 网 页 


说 明 : 

(1) 在 多 表 查 询 中 ,如 果 若 干 表 中 都 有 同一 个 字段 名 , 则 字段 名 必须 写成 “ 表 名 . 字段 
名 ”, 以 指定 该 字段 是 某 个 表 的 ,如 cart. spID 表示 cart 表 的 spID 字段 。 

(2) 上 述 查 询 的 where 子 句 中 的 goods. spID= cart. spID 表示 将 两 个 表 通 过 spID 进 
行 连接 ,如 果 是 多 表 查 询 , 这 样 的 连接 条 件 一 定 不 能 省 略 。 


6. 其 他 查询 
(1) 使 用 Distinct 关键 字 可 以 去 掉 重复 的 记录 ,例如 : 
Select Distinct author From lyb // 多 条 记录 中 有 相同 的 作者 名 则 只 显示 一 条 


(2) 使 用 As 关键 字 可 以 为 字段 名 指定 别名 ,例如 : 
Select author As 作者 , title as 标题 From lyb // 将 字段 名 author 显示 为 作者 
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5.1.5 添加 删除 .更 新 记录 的 语句 
1. insert 语句 


在 动态 网 站 程序 中 ,经 常 需要 向 数据 库 中 插入 记录 。 例 如 用 户 发 表 一 条 留言 ,就 需要 将 
这 条 留言 作为 一 条 新 的 记录 插入 到 表 lyb 中 。 使 用 insert 语句 可 以 实现 该 功能 ,请 法 如 下 : 


Insert Into 表 (字段 1, 字段 2,…) Values (字段 1 的 值 , 字段 2 的 值 , …) 


说 明 : 

(1) 利用 insert 语句 可 以 给 表 中 部 分 或 全 部 字段 赋值 。Value 括号 中 的 字段 值 的 顺序 
必须 和 前 面 括号 中 的 字段 一 一 对 应 。 各 字段 之 间 ,字段 值 之 间 用 逗号 隔 开 。 

(2) 在 插入 记录 时 要 注意 字段 的 数据 类 型 , 若 为 字符 串 类 型 , 则 该 字段 值 的 两 边 要 加 单 
引号 ; 若 为 日 期 /时 间 型 也 应 在 值 两 边 加 单 引 号 , 若 为 布尔 型 , 则 值 应 为 True 或 False; 自 
动 递增 字段 不 需要 插入 值 。 

(3) 可 以 只 给 部 分 字段 赋值 ,但 主键 字段 必须 赋值 ,不 能 为 空 且 不 能 重复 。 

下 面 是 一 些 插入 记录 的 例子 : 


Insert Into lyb (author ) Values( ' 芬 芬 ") 
Insert Into lyb (author, title, date) VALUES ( ' 芬 芬 ', ' 大 家 好 !'，'205 -12 -12') 


说 明 : 由 于 date 是 SQL 语言 中 的 一 个 关键 字 , 如 果 表 中 的 字段 名 与 SQL 中 的 关键 字 
相同 ,就 必须 把 该 字段 名 写 在 反 引 号 内 ,如 "date, 和 否则 SQL 语句 会 出 错 。 因 此 有 时 在 执行 
Insert 语句 出 现 不 明 原 因 的 错误 时 ,不 妨 把 所 有 字段 名 都 写 在 反 引 号 内 。 

2. Delete 语句 


使 用 Delete 语句 可 以 一 次 性 删除 表 中 的 一 条 或 多 条 记录 。 语 法 如 下 : 


Delete From 表 [Where 条 件 ] 


说 明 :“Where 条 件 ” 与 Select 语句 中 的 Where 子 句 作用 是 一 样 的 ,都 用 来 筛选 记录 。 
在 Delete 诸 句 中 ,凡是 符合 条 件 的 记录 都 会 被 删除 ,如 果 没 有 符合 条 件 的 记录 则 不 删除 ,如 
果 省 略 Where 子 句 , 则 会 将 表 中 所 有 的 记录 全 部 删除 。 

下 面 是 一 些 删 除 记 录 的 例子 : 

Delete from lyb where id =17 


Delete from lyb where author = ' 芬 芬 ' 
Delete from lyb where date <'2010-9—1"' 


提示 : Delete 语句 以 删除 一 整 条 记录 为 单位 , 它 不 能 删除 记录 中 某 个 或 多 个 字段 的 值 ， 
因此 Delete 与 from 之 间 没 有 * 或 字段 名 。 如 果 要 删除 某 些 字段 的 值 , 可 以 用 下 面 的 
Update 语句 将 这 些 字段 的 值 设置 为 空 。 


3. Update 语句 


Update 语句 用 来 修改 表 中 符合 条 件 的 记录 。 语 法 如 下 : 
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Update 表 Set 字段 1= 字段 值 1, 字 段 2= 字段 值 2,… [Where 条 件 ] 


说 明 : Update 语句 可 以 更 新 全 部 或 部 分 记录 。 其 中 where 条 件 是 用 来 指定 更 新 数据 
的 范围 ,其 用 法 同 Delete 请 句 。 凡 是 符合 条 件 的 记录 都 会 被 更 新 ,如 果 省 略 条件 , 则 将 更 新 
表 中 所 有 的 记录 。 

下 面 是 一 些 常见 的 例子 : 


Update lyb set email = 'fengf(@163. com' where author = ' 芬 芬 ' 
Update lyb set title= ' 此 留言 已 被 删除 '，content = Null where id= 16 


修改 记录 时 ,也 可 以 采取 先 删 除 再 添加 记录 。 不 过 ,这 样 实 际 上 是 添加 了 一 条 记录 , 记 
录 的 自动 递增 值 会 改变 ,而 有 时 是 需要 通过 自动 递增 值 来 查找 记录 的 ,而 且 采 取 先 删除 再 添 


加 需要 执行 两 条 SQL 语句 ,有 时 可 能 会 发 生 第 1 条 执行 成 功 ,第 2 条 执行 失败 的 情况 ,从 而 
对 数据 产生 破坏 。 


5.1.6 SQL 字符 串 中 含有 变量 的 书写 方法 


(1) 在 PHP 中 ,如 果 要 执行 SQL 语句 ,通常 将 SQL 语句 写 在 一 个 字符 串 中 。 例 如 对 
于 下 面 的 SQL 语句 : 


Select * from link where name= ' 搜 狐 ' 

如 果 要 把 它 写成 字符 串 的 形式 , 则 形式 如 下 (因为 字符 串 常量 要 写 在 引号 中 ) : 

$ str = "Select * from link where name= ' 搜 狐 "; 

这 样 就 能 从 link 表 中 查询 到 网 站 名 name 是 “搜狐 ”的 记录 信息 。 但 实际 查询 时 ,查询 
条 件 ( 如 此 处 的 “搜狐 ”) 通 常 是 从 表单 中 获取 的 ,如 $ webName= $ _POST['webname']。 
这 样 ,查询 条 件 就 保存 到 了 字符 串 变 量 $ webName 中 了 。 


对 于 单 引 号 字符 串 常 量 来 说 ,由 于 字符 串 变量 不 能 写 在 字符 串 常量 中 ,必须 用 连接 符 
(. ) 和 字符 串 常量 连接 在 一 起 ,因此 ,上 面 的 语句 要 改 为 : 


$ str = "select * from link where name= '". $ webName ."""; 


在 这 条 语句 等 号 右边 的 表达 式 中 ,实际 包括 如 下 三 部 分 内 容 , 即 两 个 字符 串 常量 和 一 个 
字符 串 变量 ,它们 之 间 用 连接 符 “. ”连接 在 一 起 : 

第 一 部 分 ,字符 串 常量 : "select * from link where name 二 "" 

第 二 部 分 ,字符 串 变量 : $ webName 

第 三 部 分 ,字符 串 常量 : "”" 

这 几 部 分 容易 引起 迷惑 的 是 ,为 什么 第 一 部 分 和 第 三 部 分 中 既 有 单 引 号 又 有 双 引 号 呢 ? 
其 实 , 两 边 的 双 引 号 就 是 表示 中 间 的 内 容 是 一 个 字符 串 常量 。 其 中 的 单 引号 "和 别 的 字符 
(如 abcd) 一 样 ,只 是 这 个 字符 串 常量 的 内 容 而 已 。 同 样 , 对 于 第 三 部 分 来 说 ,两 边 的 双 引 号 
表示 这 是 一 个 字符 串 常量 ,中 间 的 单 引 号 就 是 它 的 内 容 。 

而 PHP 提供 了 双 引 号 字符 串 , 这 种 字符 串 中 可 包含 变量 ,因此 ,上 面 的 语句 又 可 写 为 : 
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$ str = "select * from link where name = ' $ webName " 

(2) 如 果 SQL 语句 中 的 常量 是 数值 型 ,就 不 要 用 单 引号 ' 括 起 来 。 例 如 : 

Select * from link where ID=5 

把 它 写成 SQL 字符 串 就 是 : 

$ str = "Select * from link where ID= 5"; 

如 果 变 量 $ linkid 二 5, 则 将 语句 中 的 数值 5 替换 成 数值 变量 $ linkid 后 的 字符 串 如 下 : 

$ str = "Select * from link where ID=". $1inkid; 

可 见 它 由 两 部 分 组 成 , 即 前 面 的 "Select * from link where ID==" 是 字符 串 常 量 , 后 面 
的 linkid 是 字符 串 变量 ,它们 之 间 用 连接 符 “. ”连接 起 来 。 

(3) SQL 语句 中 含有 多 个 变量 的 情况 。 

在 SQL 语句 (尤其 是 Insert 语句 ) 中 ,经 常会 碰 到 一 条 SQL 语句 中 有 多 个 变量 的 情况 ， 
对 于 下 面 的 Insert 语句 : 


Insert Into lyb (author, title) VALUES ( ' 芬 芬 ', ' 大 家 好 ! ') 


把 它 写成 SQL 字符 串 就 是 : 


$ str = "Insert Into lyb (author, title) VALUES ( ' 芬 芬 ，' 大 家 好 !) "; 


如 果 变 量 $user 二 ' 芬 苍 ，,$tit= ' 大 家 好 !', 则 可 将 该 SQL 字符 串 改写 为 : 


$ str= "Insert Into lyb (author, title) Values (". $user. ",". $tit. ")"; 


可 见 它 由 5 部 分 组 成 ,分 别 是 字符 串 常量 "Insert Into lyb (author, title) Values(", 字 符 串 
变量 $user, 字 符 串 常量 ",", 字 符 串 变量 $tit 和 字符 串 常量 ")" ,通过 四 个 “. "连接 起 来 。 


(6.2 访问 MySQL 数据 库 
有 


PHP 之 所 以 最 适合 与 MySQL 数据 库 搭配 使 用 ,主要 原因 是 PHP 提供 了 大 量 的 
MySQL 数据 库 操作 函数 ,这 些 函 数 可 方便 地 实现 访问 MySQL 数据 库 的 各 种 需要 ,从 而 轻 
松 实现 Web 应 用 程序 开发 。 

用 PHP 访问 MySQL 数据 库 的 一 般 步骤 如 下 (图 5-9)。 

(1) 用 mysql_connect() 连 接 数 据 库 服 务 器 。 

(2) 再 用 mysql_select_db() 选 择 数据 库 。 

(3) 用 mysql_query() 创 建 结果 集 。 即 通过 执行 查询 语句 将 数据 表 中 符合 条 件 的 所 有 
行 的 集合 读 取 到 服务 器 内 存 中 ,此 时 内 存 中 保存 了 查询 得 到 的 “ 虚 表 ”, 就 称 为 结果 集 。 

(4) 绑 定 数据 到 页 面 。 即 输出 结果 集中 某 条 记录 中 一 个 或 多 个 字段 的 值 到 页 面 上 。 

通过 以 上 4 步 , 网 页 上 就 可 以 显示 数据 库 表 中 的 数据 了 ,例如 图 5-10 所 示 。 
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0 D 连 接 数据 库 服务 器 - 浏览 器 
cs Apache 
数据 库 服务 器 
5-9 PHP 访问 MySQL 数据 库 的 一 般 步骤 


ID titessss contentssas authorss 人 email 到 http: /localhose x| 
视 天 家 天心。 丰 常 感谢 大 家 的 必 胡 积 分 文才 四 ”编程 查看 
WG $rowptitle]: RY 
4 请 雪人 问题 虚拟 目录 中 的 文件 唐三彩 二 ERTIZETTSYTD| 

5 这 是 测试 留言 ”学习 ASP 程 序 设计 f 王 承 芬 tang@1 
6 第 五 条 留言 。 在 古巴 比 伦 的 大 草 噜 志 Te 
MySQL 数 据 库 中 的 表 网 页 


图 5-10 使 用 浏览 器 显示 数据 库 中 的 数据 


PHP 访问 MySQL 数据 库 的 具体 步骤 是 : 四 建立 与 MySQL 服务 器 的 连接 ; 回 设置 字 
符 集 ; @@ 选 择 要 操作 的 数据 库 ; @ 创 建 结果 集 ; 加 将 结果 集中 的 记录 读 和 人 数组 中 ; @ 在 网 
页 上 输出 数组 元 素 的 值 。 


5.2.1 连接 MySQOL 数据 库 
1. 连接 MySQL 服务 器 


进行 MySQL 数据 库 操作 之 前 ,首先 要 与 MySQL 服务 器 建立 连接 。PHP 中 连接 MySQL 
服务 器 的 函数 是 mysql_connect() 。 该 函数 语法 如 下 : 

resource mysql_connect( string hostname，string username，string password) 

函数 功能 是 : 通过 PHP 程序 连接 MySQL 数据 库 服务 器 ,如 果 连 接 成 功 , 则 返回 一 
MySQL 服务 器 连接 标识 (link_identifier) ,否则 返回 false。 例 如 : 

$ conn = mysql_connect("localhost", "root", "111"); 
表示 连接 主机 名 为 localhost 的 数据 库 服务 器 ,其 用 户 名 为 root ,密码 是 111。 

提示 : 连接 MySQL 服务 器 的 过 程 需要 耗费 大 量 的 服务 器 资源 ,为 了 提高 系统 性 能 及 
资源 利用 率 。 如 果 在 同一 个 脚本 中 多 次 连接 同一 个 MySQL 服务 器 ,PHP 将 不 会 创建 多 个 
MySQL 服务 器 连接 ,而 是 使 用 同一 个 MySQL 服务 器 连接 。 

2. 设置 数据 库 字 符 集 


PHP 与 MySQL 进行 信息 交互 之 前 ,为 了 防止 中 文 乱码 ,必须 用 mysql_query() 方 法 将 
数据 库 字 符 集 设置 为 与 网 页 相同 的 字符 集 ,例如 ,网 页 的 字符 集 是 GB2312, 就 必须 将 数据 
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库 的 字符 集 也 设置 为 gb2312。 设 置 字符 集 的 代码 如 下 : 


mysql_query("set names 'gb2312'"); 


3. 选择 数据 库 


于 MySQL 服务 器 中 可 以 有 多 个 数据 库 , 为 了 指定 要 访问 的 数据 库 , 需 要 使 用 mysql_ 
select_db() 方 法 设置 当前 操作 的 数据 库 。 例 如 ,选择 当前 数据 库 为 guestbook 的 代码 如 下 : 


mysql_select_db("guestbook", $ conn); 


对 于 一 个 动态 网 站 来 说 ,几乎 所 有 的 页 面 都 要 连接 同一 个 数据 库 。 为 此 ,可 将 连接 数据 
库 的 代码 单独 写 在 一 个 文件 中 (该 文件 一 般 命 名 为 conn. php) ,在 需要 连接 数据 库 的 网 页 中 
使 用 require 或 include 命令 包含 它 即 可 。 代 码 如 下 : 


<? 


$ conn = mysql_connect("localhost", "root", "111"); // 连 接 数 据 库 服务 器 
mysql_query("set names 'gb2312'"); // 设 置 字符 集 
mysql_select db("guestbook", $ conn); // 选 择 数 据 库 
?> 


5.2.2 创建 结果 集 并 输出 记录 


连接 了 数据 库 以 后 ,PHP 程序 只 是 和 指定 的 数据 库 建立 了 连接 ,但 数据 库 中 通常 有 多 
false 个 表 , 数 据 库 中 的 数据 都 是 存放 在 表 中 的 。 为 了 在 页 


| ea! | 面 上 显示 数据 必须 读 取 指定 的 表 ( 全 部 或 部 分 数据 ) 
记录 2 | … | … 到 内 存 中 来 ,这 称 为 创建 结果 集 (result) 。 结 果 集 可 

记录 3 | … | … | … | 以 看 成 是 内 存 中 的 一 个 虚 表 , 由 若干 行 或 若干 列 组 

ls 成 。 结 果 集 带 有 一 个 记录 指针 ,在 刚 打 开 结 果 集 时 指 

图 5-11 结果 集 示意 图 针 指 向 结果 集中 第 一 条 记录 ( 若 结果 集 不 为 空 ), 如 


图 5-11 所 示 。 
使 用 mysql_query() 方 法 可 以 向 MySQL 服务 器 发 送 一 条 Select 语句 ,此 时 该 函数 将 返 
回 一 个 结果 集 (result) 。 代 码 如 下 : 


$ result = mysql_query("Select * from lyb", $ conn); // 创 建 结果 集 


1. 在 页 面 上 输出 整 条 记录 


结果 集 相 当 于 内 存 中 的 一 个 表 。 可 以 使 用 mysql_fetch_assoc() 等 函数 读 取 结果 集中 
的 一 行 到 数组 中 。mysql_fetch_assoc() 函 数 的 参数 是 一 个 结果 集 ,返回 值 是 一 个 数组 ,该 数 
组 中 保存 了 结果 集 指针 当前 指向 的 行 。 如 果 结 果 集 指针 没有 指向 行 , 则 返回 false。 

然后 就 可 以 输出 数组 元 素 到 网 页 中 ,这 样 网 页 上 就 能 显示 数据 表 中 的 一 条 记录 了 。 代 
码 如 下 : 
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$ row = mysql_fetch assoc( $ result); // 取 出 结果 集中 当前 指针 指向 的 行 并 保存 到 数组 
echo $ row[ 'title'].''. $row['author'].''. $row['email']; // 输 出 数组 元 素 


输出 结果 为 : 
祝 大 家 开心 唐三彩 sanyo@tom. com 


其 中 $$row 王 mysql_fetch_assoc($result) 的 作用 是 将 结果 集 指 针 当 前 指向 的 记录 保存 
到 数组 $row 中 ,然后 将 结果 集 指 针 下 移 一 条 记录 ,如 图 5-12 所 示 。 


es 1O A a 
| 站 灵 a FN 0 rray ( [0] 1[1] 
加 HR 祝 大 家 …… [4]=> 女 ) 
记录 2 | … | | 
结果 集 指针 | 记录 3 
false 


图 5-12 mysql_fetch_* 函数 的 功能 


实际 上 ,PHP 提供 了 三 个 形 如 mysql_fetch_* () 的 函数 ,都 可 以 读 取 结 果 集 中 的 当前 
记录 到 数组 中 ,并 将 结果 集 指针 移动 到 下 一 条 记录 。 这 三 个 函数 分 别 是 : 

(1) mysql_fetch_row(): 将 当前 记录 保存 到 一 个 索引 数组 中 。 

(2) mysql_fetch_assoc(): 将 当前 记录 保存 到 一 个 关联 数组 中 。 

(3) mysql_fetch_array(): 将 当前 记录 保存 到 一 个 含有 索引 和 关联 的 混合 数组 中 。 

它们 的 区 别 仅仅 在 于 保存 记录 的 数组 不 同 。 例 如 : 假设 已 创建 了 一 个 结果 集 $ result， 
则 我 们 可 以 分 别 用 这 三 个 函数 读 取 结 果 集 中 当前 记录 到 数组 中 ,再 打印 数组 出 来 。 

(1) 输出 mysql_fetch_row() 保 存 记 录 的 数组 ,代码 如 下 : 


print r(mysql fetch row( $ result)); 
输出 结果 为 ; 


Array ( [0] =>1[1] => 祝 大 家 开心 [2] => 非常 感谢 大 家 的 帮助 [3] => 唐三彩 [4] = > sanyo@ 
tom. com [5] => 59.51.24.37 [6] =>2012-03-2000:00:00 [7] => 女 ) 


(2) 输出 mysql_fetch_assoc() 保 存 记 录 的 数组 ,代码 如 下 : 
print_r(mysql_fetch_assoc( $ result)); 


输出 结果 为 : 


Array ( [ID] => 1 [title] => 祝 大 家 开心 [content] => 非常 感谢 大 家 的 帮助 [author] => 唐三彩 
[email] => sanyo@tom.com [ip] => 59.51.24.37 [date] => 2012-03-20 00:00:00 [sex] => 女 ) 


(3) 输出 mysql_fetch_array() 保 存 记录 的 数组 ,代码 如 下 : 


print r(mysql fetch array( $ result)); 


输出 结果 为 : 
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Array ( [0] =>1[ID] =>1[1] => 祝 大 家 开心 [title] => 祝 大 家 开心 [2] => 非常 感谢 大 家 的 
帮助 [content] => 非常 感谢 大 家 的 帮助 [3] => 唐三彩 [author] => 唐三彩 [4] => sanyo@ton. 
com [email] => sanyo@tom.com [5] => 59.51.24.37 [ip] => 59.51.24.37 [6] => 2012-03- 
20 00:00:00 [date] => 2012- 03- 20 00:00:00 [7] => 女 [sex] => 女 ) 


可 见 ,mysql_fetch_row() 返 回 的 数组 下 标 是 数字 ,mysql_fetch_ assoc() 的 数组 下 标 是 
字符 串 ( 表 的 字段 名 ) ,而 mysql_fetch_array() 的 数组 内 容 实际 上 是 上 面 两 个 函数 数组 的 合 
集 , 它 同时 保存 了 两 种 数组 元 素 。 

由 于 在 实际 开发 中 一 般 不 知道 要 输出 字段 的 序号 ,但 知道 字段 的 字段 名 ,因此 mysql_ 
fetch_assoc 比 mysql_fetch_row 更 常用 。 而 mysql_fetch_array 由 于 生成 的 数组 元 素 太 多 ， 
占用 内 存 资源 ,因此 建议 少 用 。 


2. 在 页 面 上 输出 单个 字段 


创建 了 结果 集 后 ,使 用 mysql_result() 函 数 可 以 返回 结果 集 指针 当前 指向 记录 的 某 个 
字段 值 。 该 函数 语法 为 : mysql_result(result，row，field) ,其 中 ,result 为 一 个 结果 集资 
源 ,row 用 来 指定 行 号 ( 行 号 从 0 开始 ) ,field 是 字段 名 或 字段 序号 。 例 如 : 


echo mysql_result( $ result, 1, 'author'); // 输 出 "小 神 马 " 


就 可 以 输出 结果 集中 第 2 条 记录 的 author 字段 的 值 。 输 出 完 之 后 ,mysql_result() 函 数 也 
会 将 结果 集 指针 移动 到 下 一 条 记录 。 


3. 通过 循环 输出 所 有 记录 


如 果 要 输出 结果 集中 的 所 有 记录 ,可 以 将 mysql_fetch_ assoc() 放 在 循环 语句 中 执行 ， 
这 样 第 一 次 循环 时 将 取出 第 一 条 记录 到 数组 中 ,然后 结果 集 指针 下 移 一 条 记录 。 第 二 次 循 
环 时 将 取出 指针 指向 的 第 二 条 记录 ,结果 集 指针 又 下 移 一 条 记录 。 如 此 循环 ,直到 结果 集 指 
针 指向 了 结果 集 的 末尾 (最 后 一 条 记录 之 后 ) 才 停止 循环 。 但 是 这 样 只 能 输出 每 条 记录 的 内 
容 (每 个 字段 值 )。 如 果 要 以 表格 的 形式 输出 结果 集 , 则 必须 用 HTML 标记 定义 表格 ,再 将 
结果 集中 的 字段 值 输出 到 每 个 单元 格 < td > 中 。 下 面 是 一 个 将 表 lyb 中 数据 显示 在 页 面 上 
的 完整 程序 。 其 运行 结果 如 图 5-13 所 示 。 


-一 一 一 一 一 一 一 清单 5 - 2.php 显示 数据 库 中 的 记录 --------------------- 


<? // 连 接 数 据 库 

$ conn = mysql_connect("localhost", "root", "111"); // 连 接 数 据 库 服 务 器 
mysql_query("set names 'gb2312"); // 设 置 字符 集 
mysql_select_db("guestbook", $ conn) ; // 选 择 数 据 库 

$ result = mysql_query("Select * from lyb", $ conn); // 创 建 结 果 集 

2 

Te 省 责 而 下 县 示 数 据 涯 中 的 记录 二 二 二 


<table border = "1" width= "95% "> 
<tr bgcolor = "#e0e0e0"> 
<th> 标 题 </th> < th width= "100"> 内 容 </th> < th width= "60"> 作 者 </th> 
<th> email </th> <th width= "80"> 来 自 </th></tr> 
<? // 循 环 输出 记录 到 页 面 上 
while( $ row = mysql_fetch assoc( $ result) ){?> 
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<tr><td><?= $row['title']?></td><td><?= $row['content']?></td> 
<td><? = $row[l'author']?></td> <td><? = $row['email']?></td> 
<td><? = $row['ip']?></td></tr> 


<P > 

</table> 
当时 示 留言 页 面 - Wicrosoft Internet Erplorer 
文件 四 编辑) 查看 WD 收藏 WW) 工具 GD 帮助 
随 直 @j hp /1ocalhost/5-2 ip 

标题 两 容 [作者 | eaail 
腕 大 家 开心 腓 常 愿 谢 大 家 的 帮助 。 | 胡 积 分 [rta@ton. com [202.103.56.6 
滞 娄 个 问题 。 | 限 扫 目 果 中 的 文件 关 有 有 必 = 彩 。 |awean om 21.0.0.1 
这 是 测试 留言 a [Ex# [aeates co 192. 168. 0. 1 
陪 五 和 留言 。” ”| 在 吾 书 比 伦 的 大 草原 上 | 随 志 [rxh@sohu. con [127. 0. 0. 1 
5-13 程序 5-2. php 的 运行 结果 
说 明 


(1) 本 程序 分 为 三 部 分 。 第 一 部 分 是 连接 数据 库 服务 器 和 选择 数据 库 ; 第 二 部 分 是 利 
用 mysql_query() 方 法 创建 结果 集 ; 第 三 部 分 是 用 while 循环 读 取 结 果 集 中 的 所 有 记录 。 

(2) 刚 打 开 结果 集 时 ,指针 指向 第 1 条 记录 ,执行 mysql_fetch_assoc($result) 方 法 会 
先 将 这 条 记录 赋 给 数组 $ row ,然后 使 指针 移 到 下 一 条 记录 ,这 样 第 2 次 循环 时 将 输出 第 2 
条 记录 。 当 指针 移动 到 最 后 一 条 记录 之 后 时 ,该 方法 将 返回 false, 这 样 $ row 的 值 也 变 成 
false, 循 环 将 不 再 继续 。 

想 一 想 ， 


<? while( $ row = mysql_fetch_assoc( $ result) ){?> 
能 否 改 为 


<? while(mysql_fetch_assoc( $ result)){ $ row = mysql fetch assoc( $ result);?> 


(3) 由 于 每 次 循环 显示 一 条 记录 ,而 每 条 记录 显示 在 一 行 中 ,因此 while 循环 的 循环 体 
是 一 对 < tr >…</tr > 标记。 

(4) 字段 名 是 区 分 大 小 写 的 。 假 如 将 $ row[ 'title'] 写 成 $ row['Title'], 则 该 字段 值 无 
法 输出 。 

提示 : 从 该 程序 可 以 看 出 ,PHP 程序 无 法 用 一 条 语句 将 结果 集 ( 整 个 表 ) 按 原样 输出 ， 
而 只 能 利用 循环 将 结果 集中 记录 一 条 一 条 地 输出 。 


4. 输出 指定 的 nm 条 记录 


如 果 不 想 输出 所 有 记录 ,只 想 输 出 结果 集中 的 前 n 条 记录 ,那么 至 少 有 两 种 方法 ,一 种 
是 使 用 for 循环 ,限定 循环 次 数 为 n; 第 二 种 方法 是 修改 SQL 语句 为 Select * from lyb 
limit n, 这 样 结果 集中 就 只 有 nm 条 记录 。 推 荐 用 第 二 种 方法 ,因为 前 一 种 方法 虽然 只 在 页 面 
上 输出 n 条 记录 ,但 实际 上 已 经 把 所 有 的 记录 都 读 取 到 了 结果 集中 ,占用 了 内 存 。 

5. 返回 记录 总 数 mysql_num_rows() 


该 函数 可 以 返回 结果 集中 的 记录 总 数 ,其 参数 是 一 个 结果 集资 源 。 例 如 : 
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<p> 共 有 <? = mysql_num_rows( $ result) ?> 条 记录 </p> 


6. mysql_db_query0 〇 函数 


mysql_db_query() 函 数 可 以 同时 选择 数据 库 和 创建 结果 集 。 它 相当 于 把 mysql_select 
_db 和 mysql_query 两 个 函数 的 功能 集成 到 了 一 起 。 例 如 : 


mysql_select_db("guestbook", $ conn); // 选 择 数 据 库 
$ result =mysql query("Select * from lyb", $ conn); // 创 建 结 果 集 


可 以 用 mysql_db_query() 改 写 为 : 


$ result = mysql_db_query( 'guestbook', "Select * from lyb", $ conn); 


7. 释放 结果 集 mysql_free_result() 


结果 集 包 含 的 记录 会 占用 服务 器 内 存 , 虽 然 在 程序 代码 执行 结束 后 会 自动 释放 结果 集 
占用 的 内 存 , 但 建议 在 适当 时 候 可 以 使 用 mysql_free_result() 释 放 内 存 , 例 如 : 


mysql_free result( $ result); 


8. 关闭 数据 库 连接 mysql_close() 


使 用 mysql_close() 函 数 可 以 关闭 使 用 mysql_connect() 函数 建立 的 连接 。 例 如 : 


mysql_close( $ conn); 


5.2.3 使 用 mysql_query 方法 操纵 数据 库 


除了 将 数据 表 中 的 数据 显示 在 页 面 上 以 外 ,有 时 还 希望 通过 网 页 对 数据 库 执行 添加 、 删 
除 或 修改 操作 。 例 如 ,在 网 页 上 发 表 留 言 就 是 向 数据 表 中 添加 一 条 记录 。 


1. 利用 insert 语句 添加 记录 


利用 SQL 语言 的 Insert 语句 可 以 执行 添加 记录 操作 ,而 使 用 mysql_query 方法 实际 上 
可 以 执行 任何 SQL 语句 ,因此 利用 该 方法 执行 一 条 Insert 语句 ,就 可 以 向 数据 表 中 添加 一 
条 记录 。 示 例 代码 如 下 : 


<? require('conn.php'); 

mysql_query( "insert into lyb ( title, content, author, email,“date) values (' 大 家 好 '，PHP 学 习 
园地 '，' 小 浣熊 '，'sdf@sd. com', '2012 -3 一 3')") or die( ' 执 行 失败 '); 

echo ' 新 增 记 录 的 id 是 '.mysql_insert id(); // 可 选 ,输出 新 记录 的 id 


?> 
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说 明 : 


(1) 本 程序 分 为 两 部 分 ,第 一 部 分 是 连接 数据 库 , 由 于 连接 数据 库 的 代码 已 写 在 conn. 
php 文件 中 ,因此 在 这 里 直接 利用 require 函数 调用 该 文件 。 第 二 部 分 是 利用 mysql_query 
方法 添加 记录 。 

(2) mysql_query 只 有 在 执行 查询 语句 时 才 会 返回 结果 集 ,在 添加 记录 时 不 会 返回 结果 
集 , 因 此 在 mysql_query 前 不 必 写 "$result 二 ”, 如 果 写 了 则 $result 的 值 为 false。 

(3) 用 insert 语句 一 次 只 能 添加 一 条 记录 ,如 果 要 添加 多 条 ,可 以 逐条 添加 或 用 循环 
语句 。 

(4) mysql_insert_id() 函 数 可 以 返回 上 一 步 insert 查询 中 新 增 记 录 的 自动 递增 字段 
的 值 。 

(5) die(msg) 函 数 的 功能 是 输出 一 条 消息 msg, 并 退出 当前 脚本 ,等 价 于 exit() 函 数 。 


2. 利用 Delete 语句 删除 记录 


当 管 理 员 和 希望 删除 某 些 留言 时 ,就 需要 在 数据 库 中 删除 记录 ,可 以 利用 mysql_query 方 
法 执行 一 条 Delete 语句 来 删除 记录 。 下 面 是 一 个 例子 。 


<? requirel( 'conn.php'); 

mysql_query( " Delete from lyb where ID in(158,162,163,169)") or die( ' 执 行 失 败 '); 
?> 
本 次 操作 共有 <? = mysql_affected_rows() ?> 条 记录 被 删除 ! 


mysql_affected_rows() 可 返回 此 次 操作 所 影响 的 记录 行 数 。 如 果 这 次 有 4 条 记录 被 删 
除 , 那 么 影响 的 行 数 就 是 4, 该 函数 将 返回 4。 

提示 : 使 用 mysql_query 方法 执行 Insert、Delete、Update 语句 ,都 可 以 用 mysql_ 
affected_rows() 函 数 返回 受 影 响 的 记录 行 数 ,但 如 果 执 行 Delete 语句 时 没有 指定 Where 子 
和 句 ( 此 时 所 有 记录 都 将 被 删除 ), 则 mysql_affected_rows() 会 返回 0, 而 不 是 实际 被 删除 的 记 
录 数 。 


3. 利用 Update 语句 更 新 记录 
当 需 要 修改 某 条 留言 时 ,就 需要 用 mysql_query 方法 执行 Update 语句 更 新 记录 。 例 如 : 
<? requirel('conn.php'); 

mysql_query("Update lyb set email = 'rong@163.com', author = ' 著 著 ' where ID> 133 and ID< 


143") or die( ' 执 行 失败 '); 
Te 


这 样 将 修改 符合 条 件 的 记录 。Update 语句 常用 来 记录 新 闻 页 面 的 单 击 次 数 , 假 设 单 击 次 
数 记录 在 hits 字段 中 。 只 要 在 显示 某 条 新 闻 的 页 面 的 适当 位 置 加 入 如 下 这 条 语句 就 可 以 了 。 


mysql_query("update news set hits= hits+1 where id= '".$ GET['id'].""™"); 


这 样 每 打开 一 次 这 个 新 闻 页 面 ,都 会 执行 这 条 SQL 语句 ,使 单 击 次 数 (hits 字段 ) 加 1。 
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66.3 添加 .删除 .修改 记录 的 综合 实例 
5.3 

本 节 是 一 个 综合 实例 , 它 能 够 对 数据 表 中 的 数据 进行 添加 、 删 除 和 修改 操作 。 该 程序 包 
括 数据 管理 主 界面 ,添加 记录 模块 、 删 除 记 录 模 块 和 更 新 记录 模块 。 

5.3.1 管理 记录 主页 面 的 设计 


我 们 可 以 对 5-2. php 稍 做 修改 ,使 其 在 显示 记录 的 基础 上 增加 添加 、 删 除 和 修改 记录 的 
链接 ,分 别 链接 到 添加 、 删 除 和 修改 记录 的 PHP 文件 上 。 将 这 个 网 页 作为 管理 留言 的 首 
页 ,命名 为 5-6. php ,程序 代码 如 下 ,运行 效果 如 图 5-14 所 示 。 


一 一 一 一 一 一 一 一 一 清单 5= 65phe .管理 记录 的 主页 面 ======================= 


<? requirel( 'conn. php'); // 连 接 数 据 库 
$ result = mysql_query("Select * from lyb", $ conn); // 创 建 结果 集 
Wn 


<a href = "addform, php"> 添 加 记录 </a> 
<table border = "1" width= "95% "> 
<tr bgcolor =" 井 e0e0e0"> 
< th > 标题 </th>< th> 内 容 </th>< th> 作 者 </th><th> email </th> 
<th> 来 自 </th><th> 删 除 </th>< th> 更 新 </th> </tr> 
<? while( $ row = mysql_fetch assoc( $ result)){ // 显 示 结 果 集 中 记录 
gn 
<tr><td><?= $row['ID'] ?></td> <td><?= $row['content'] ?></td> 
<td><? = $row['author'’] ?></td><td><?= $row['email'] ?></td> 
<td><? = $row['ip']?></td> 
<td><a href = "delete.php?id=<? = $ row['ID'] ?>"> 删 除 </a></td> 
<td><a href = "editform.php?id = <? = $ row['ID'] ?>"> 更 新 </a></td> 
</tr> 
< 
</table> 
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潍 b0ia 录 
[| 标题 


丙 守 大 和 Er EE 中 

陆 大 家 开心 诽 常 感谢 大 家 的 帮助 间 积 分 [rta@ton. con ”|[202.103. 56. 6 | 铀 除草 新 

清 款 个 问题 | 了 讲 = 条 。 |renweqq. con 127.0.0.1 “出 除 区 新 
更 


ltang@163.COM “|192. 168.0.1 删除 | 更 新 
yxh@sohu. con [127.0.0.1 ”型 际 | 医 郑 | 司 


卫 [上 未 
言 真是 其 乐 无 穷 


EE 


图 5-14 程序 5-6. php 的 运行 效果 


说 明 : 
(1) 请 注意 代码 中 的 “删除 ? 超 链接 : 


<a href = "delete.php?id=<? = $row['ID'] ?>"> 删 除 </a> 
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其 中 ,<? 二 $ row['ID'] ? > 会 输出 这 条 记录 ID 字段 的 值 ,而 每 条 记录 的 ID 字段 值 都 
不 相同 ,因此 ,所 有 记录 后 的 “删除 ” 超 链 接 虽 然 都 是 链接 到 同一 页 面 (delete. php) ,但 带 的 
ID 参数 值 不 同 ,这 样 就 可 以 将 这 条 记录 的 ID 参数 值 传递 给 delete. php。 

例如 ,如 果 这 条 记录 的 ID 字段 值 为 4, 则 这 个 超 链接 实际 上 为 ， 


<a href = "delete.php?id= 4"> 删 除 </a> 


在 delete. php 中 ,就 可 以 用 $_GET[] 获 取 这 个 ID 值 。 再 根据 该 ID 值 , 删 除 对 应 的 记 
录 。 对 于 更 新 记录 的 超 链 接 也 是 同样 的 道理 。 

(2) 在 有 些 程序 中 ,删除 和 更 新 不 是 使 用 的 超 链接 ,而 是 使 用 表单 中 的 按钮 ,如 果 要 使 
用 按钮 ,只 要 将 <a href = "editform.php?id=<? = $row['ID'] ?>"> 更 新 </a> 替 换 成 : 


< form action = "editform. php?id=<?= $row['ID'] ?>" method= "post"> 
< input type = "submit" value = "更 新 "> 
</form> 


该 表单 的 作用 仅仅 是 利用 action 属性 来 传递 URL 参数 ,表单 并 没有 向 处 理 页 提交 任 
何 内 容 。( 注 意 : method 属性 不 能 省 略 , 想 一 想 把 method 属性 设置 为 get 还 可 以 吗 ?) 

(3) 如 果 和 希望 用 户 在 单 击 “删除 ”链接 后 弹出 一 个 确认 框 询问 用 户 是 否 确定 删除 ,可 以 
将 5-6. php 中 “删除 ” 超 链接 的 代码 修改 为 : 


<a href = "delete. php?id=<? = $ row['ID'] ?>" onclick = "return confirm( "确认 要 删除 吗 ?')"> 
删除 </a> 


这 样 ,由 于 onclick 事件 中 的 代码 会 先 于 href 属性 执行 ， 
因此 当 用 户 单 击 超 链接 时 ,将 先 弹 出 确认 框 (图 5-15) ,如 果 单 
击 确 认 框 上 的 “取消 ”按钮 ,confirm() 函 数 将 返回 false, 本 次 单 

[0 
击 超 链接 的 行为 将 失效 ,就 不 会 青 链接 到 delete. php 进行 删 = 
除了 。 图 5-15 删除 确认 框 
5.3.2 添加 记录 的 实现 
当 用 户 单 击 图 5-14 中 的 添加 记录 链接 时 ,会 转 到 addform. php ,该 网 页 是 个 纯 静 态 网 


页 , 它 含有 一 个 表单 ,用 户 可 在 表单 中 输入 留言 内 容 。 其 代码 如 下 ,运行 效果 如 图 5-16 
所 示 。 


mi crosoft Internet Exp1o7eE 


A 清单 5- 7 addform. php 添加 记录 的 界面 -------------------- 
<h2 align = "center"> 请 您 在 下 面 填写 留言 </h2 > 
< form method = "post" action= "insert. php"> 
<table width= "400" border = "1" align= "center" cellpadding = "2"> 
<tr><td width= "125"> 留 言 标题 :</td> 
<td width = "275">< input type = "text" name = "title"> *</td></tr> 
<tr><td> 留 言 人 :</td> 
<td>< input type = "text" name = "author"> #</td> </tr> 
<tr><td> 联 系 方式 :</td> 
<td>< input type = "text" name = "email"> *</td></tr> 


(1) 
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<tr><td> 留 言 内 容 :</td> 
<td>< textarea name = "content" cols = "30”rows = "2"></textarea></td></tr> 
<tr><td> gnbsp;</td>< td>< input type="submit" value=" 提 交 "></td></tr> 
</table></form> 
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文件 @ 编辑 于 查看 WW) 收 意 由 工具 GD 帮助) 
王 直 加 http://locahostyraaaton_ php 司 图 天 | | 全 


5-16 ”添加 留言 addform. php 的 主 界面 


当 用 户 单 击 图 5-16 中 的 “提交 ”按钮 后 ,就 会 将 表单 中 的 数据 提交 给 insert. php, 该 程 
序 首先 用 $ _POST 获取 表单 中 的 数据 ,然后 用 mysql_query 方法 执行 insert 语句 ,将 用 户 
输入 的 数据 作为 一 条 记录 插入 到 lyb 表 中 。 代 码 如 下 ,执行 过 程 如 图 5-17 所 示 , 这 样 用 户 
的 留言 就 添加 到 了 数据 表 中 。 


<? //ob_start(); 

require( 'conn. php'); 

$ title= $ _POST[ "title"]; // 获 取 表 单元 素 的 值 

$ author = $ _POST[ "author"]; 

$ email = $ _POST[ "email"]; 

$ content = $ _POST["content"]; 

$ ip= $ _SERVER[ 'REMOTE_ADDR']; // 获 得 客户 端 IP 地 址 

$ sql = "insert into lyb(title,author, email, content, ip,date) values('$ title', ' $ author’, 
'$ email', '$ content', '$ ip', 'date(Y—- m— dh:i:s) ')"; 


echo $ sql; // 输 出 SQL 语句 ,用 于 调试 ,可 删除 
mysql_query( $ sql) or die( ' 执 行 失败 '); 

header( "Location:5 — 6.php"); // 插 和 成功 后 , 自动 转 到 首页 

?> 


回 执行 插入 命令 


插入 到 数据 才 中 @ 获取 用 户 输入 的 数据 个 


Stitle=$_POST["title"] 


数据 库 Apache 浏览 器 
图 5-17 添加 记录 的 步骤 
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说 明 : 


(1) 该 程序 中 的 insert 语句 较 长 ,因此 将 其 放 在 一 个 变量 ($sql) 中 。 这 样 做 的 另 一 个 
好 处 是 ,如 果 SQL 语句 有 错误 , 则 可 以 先 输出 该 SQL 语句 ,便于 调试 。 

(2) 对 于 记录 中 自动 递增 字段 的 值 ( 如 ID 字段 ) ,系统 会 自动 生成 ,切记 不 要 用 insert 
语句 插入 自动 递增 字段 的 值 ,否则 易 引 起 错误 。 


5.3.3 删除 记录 的 实现 


当 用 户 在 图 5-14 中 单 击 “删除 ?链接 时 ,就 会 执行 delete. php 程序 ,该 程序 先 获取 从 超 
链接 传递 过 来 的 记录 ID 参数 ,然后 用 delete 语句 删除 ID 对 应 的 记录 ,过 程 如 图 5-18 所 示 。 


<? requirel( 'conn.php'); 
$ id= intval( $ _GET[ ‘id']); // 获 取 5- 6.php 传 来 的 功 参数 并 转换 为 整 型 
$ sql = "delete from lyb where ID= $ id"; 
证 (mysql_query( $ sql) && mysql_affected rows() ==1)// 执 行 SQL 语句 并 判断 执行 是 否 成 功 
echo "< script > alert( ' 删 除 成 功 ! ') ;location. href = '5 -6.,php'</script >"; 


else 
echo "< script > alert( ' 删 除 失败 ! ') ;location. href = '5- 6.php'</script >"; 
?> 
CH T i 可 
除 对 应 的 记录 D 获取 记录 ID 
y 的 记录 Q@ 获取 记录 ， [Fe 
$id=$_GET['id] 
数据 库 Apache 浏览 器 
图 5-18 ”删除 记录 的 步骤 
说 明 : 


(1) 在 第 二 行 中 使 用 了 intval 函数 将 获取 到 的 ID 参数 强制 转换 为 整 型 ,虽然 在 一 般 情 
况 下 不 转换 也 可 以 ,但 这 样 做 的 好 处 是 可 以 防止 非法 用 户 在 浏览 器 地 址 栏 中 手工 输入 一 些 
非 数 值 型 的 id 参数 ,如 "id 一 ”破坏 系统 。 

(2) 如 果 mysql_query 函数 执行 了 一 条 合法 的 SQL 语句 (无 论 是 否 有 记录 被 删除 ) , 那 
么 该 函数 将 返回 true, 和 否则 返回 false。 因 此 mysql_query 返回 true 并 不 表示 一 定 有 记录 被 
删除 。 为 此 程序 采用 mysql_affected_rows() 判 断 是 否 有 记录 被 删除 。 


5.3.4 同时 删除 多 条 记录 的 实现 


在 有 些 电 子 邮件 系统 中 ,人 允许 用 户 选 中 多 封 邮件 后 将 它们 一 并 删除 ,这 就 是 同时 删除 多 
条 记录 的 例子 。 我 们 可 以 对 图 5-14 中 的 5-6. php 做 些 修改 ,将 每 条 记录 后 的 “删除 ? 超 链 接 
换 成 一 个 多 选 框 ,再 在 最 后 一 行 添加 一 个 “删除 ?按钮 ,代码 如 下 ,运行 结果 如 图 5-19 所 示 。 


<? require( 'conn.php'); 
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if ($_GET["del"] ==1){ // 如 果 用 户 按 了 "删除 "按钮 
$ selectid= $ _POST["selected" ]; // 获 取 所 有 选中 多 选 框 的 值 ,保存 到 数组 中 
if( count( $ selectid)> 0){ // 防 止 selectid 值 为 空 时 执行 SQL 语句 出 错 
$ sel = implode(', ', $ selectid); // 将 各 个 数组 元 素 用 ", "号 连接 起 来 
mysql_query( "delete From lyb where ID in ( $ sel)") or die( ' 执 行 失败 '); 
header("Location:delall. php" ); // 删 除 完毕 ,刷新 页 面 
} 
else echo ' 没 有 被 选中 的 记录 '; 
} 
$result = mysql_query("Select * from lyb", $ conn); // 创 建 结果 集 


ea 
< form method = "post" action = "?del = 1"> <! -- 表单 提交 给 自身 --> 
<table border = "1" width= "95% "> 
<tr bgcolor ="#e0e0e0"> 
< th > 标题 </th>< th> 内 容 </th>< th> 作 者 </th>< th> email </th> 
<th> 来 自 </th>< th> 删 除 </th>< th> 更 新 </th></tr> 
<? while( $ row = mysql_fetch assoc( $ result)){ 
?> 
<tr><td><?= $row['title']?></td> <td><? = $row['content']?></td> 
<td><?= $row['author']?></td> <td><? = $row['email']?></td> 
<td><?= $row['ip']?></td> 
<tdalign= "center"> 
< input type = "checkbox" name = "selected[ ]" value = "<? = $ row[ 'ID']?>"></td> <! -- 复 选 框 --> 
<td><a href = "editform. php?id= <? = $ row[ 'ID']?>"> 更 新 </a></td></tr> 
p32 
<tr bgcolor = "#E0EOEO"> 
<td></td>< td></td>< td></td>< td></td>< td></td> 
<td align = "center">< input type = "submit" value= " 删 除 "></td> <! -- 删除 按钮 --> 
<td></td></tr > 
</table></form> 


沁 管 理 留言 - Wi crosoeft Internet Explorer _ 疝 记 


文件 @) 编辑 到) 查看 WW) 收 芯 人 Q) 工具 CD) 和 帮助 0 

扼 十 加 串 移 http://1ocslhost/delal php Sl> DEL: 
深 加 i 记 录 ~ 
标题 内 容 email 来 自 
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这 是 测试 留 | 学 习 ASP 程 序 设计 的 过 程 真 

言 | 是 其 乐 无 穷 


ltang®@163.COM |192.168.0.1 


第 五 条 留言 | 在 古巴 比 伦 的 大 草原 上 E [ruxh@soku. com |127.0.0.1 


图 5-19 delall. php 的 运行 结果 


说 明 : 

(1) 每 条 记录 后 的 多 选 框 的 name 属性 值 是 静态 的 selected[L] ,因此 循环 以 后 所 有 记录 
多 选 框 的 name 属性 值 都 是 selected[ ], 而 多 选 框 的 value 属性 值 是 动态 数据 <? 二 $ row 
['ID']?>, 则 循环 后 每 条 记录 多 选 框 的 value 属性 值 都 是 其 ID 字段 值 。 我 们 知道 ,如 果 有 
多 个 多 选 框 的 name 属性 值 相 同 ,那么 提交 的 数据 就 是 selected[ ] 二 2&.selected[ ] 二 3& 
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selected[] 二 5 的 形式 。 因 此 ,在 该 程序 中 ,如 果 用 户 选中 多 条 记录 (例如 选中 第 2、3、5 条 记 
录 ) , 则 $_POST["selected"] 是 一 个 数组 : Array([0] 一 > 2 [1] 一 > 3 [2] 一 > 5), 用 implode 
函数 将 该 数组 中 的 元 素 用 逗号 连接 起 来 ,就 得 到 字符 串 $sel 王 2, 3, 5。 那 么 最 终 执行 的 
SQL 语句 就 是 Delete From lyb where id in ("2, 3, 5") 。 这 是 一 条 正确 的 SQL 语句 ,因此 
会 删除 第 2、3、5 条 记录 。 

(2) 本 程序 将 表单 界面 和 删除 记录 的 程序 写 在 了 同一 个 文件 中 ,方法 是 通过 action 属 
性 将 表单 提交 给 自身 而 不 是 其 他 文件 ,但 增加 了 一 个 查询 字符 串 ,处 理 程 序 据 此 判断 是 否 提 
交 了 表单 。 


5.3.5 修改 记录 的 实现 


修改 记录 的 过 程 分 为 两 阶段 。 

第 一 阶段 是 提供 一 个 显示 待 修改 记录 的 表单 ,该 表单 显示 待 修改 记录 各 个 字段 的 值 ,以 
供用 户 修改 记录 中 的 信息 。 显 示 待 修改 记录 的 程序 editform. php 代码 如 下 ,其 程序 流程 如 
图 5-20 所 示 。 运 行 结果 如 图 5-21 所 示 。 


<? require('conn. php'); 
$ id= intval( $ _GET[ 'id']); // 将 获取 的 ID 强制 转换 为 整 型 
$ sql = "Select x from lyb where ID= $ id"; // 获 取 待 更 新 的 记录 
$ result = mysql_query( $ sql, $ conn); 
$ row = mysql_fetch assoc( $ result); // 将 待 更 新 记录 各 字段 的 值 存 人 数组 中 
?> 
<h2 align = "center"> 更 新 留言 </h2 > 
< form method = "post" action= "edit. php?id=<?= $row['ID'] ?>"> 
< table width = "400" border = "1" align = "center" cellpadding = "2"> 
<tr><td width= "125"> 留 言 标题 :</td> 
< td width= "275">< input type = "text" name = "title" value = "<?= $row['title'] ?>"> *</td> 
</tr> 
<tr><td> 留 言 人 :</td> 
<td>< input type= "text" name= "author" value= "<? = $row[ 'author'] ?>"> *</td></tr> 
<tr><td> 联 系 方式 :</td> 
<td>< input type = "text" name = "email" value= "<? = 5$row['email'] ?>"> *</td></tr> 
<tr><td> 留 言 内 容 :</td> 
< td>< textarea name = "content" cols = "30" rows = "2"><? = $ row[ 'content'] ?></textarea> 
</td></tr> 
<tr><td> &nbsp;</td><td>< input type= "submit" value= " 确 定 "></td></tr> 
</table></form> 


名 获取 记录 ID 


@ 根据 记录 ID ey 
创建 结果 集 $id=$_GET['id] 
@ 输出 字段 值 到 表 
<?= Srow[ 字 段 名 ]?> 
Apache 浏览 器 


图 5-20 ”修改 记录 的 过 程 (第 一 阶段 ) 
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一 Microsoft Internet ExBLGEEE 


文件 @ i Er 收 蕊 内 工具 CD) 帮助 0 | 
十 证 国 | 狼 http://1ocalhost/guestbook/ editfor php?it 司 | 回国 到 EE 习 


[EDEE * 
Ee 
enreraaar em > 


eR ] 


图 5-21 程序 editform. php 的 运行 结果 


说 明 : 

(1) 该 程序 界面 和 addform. php 的 界面 很 相似 ,但 区 别 是 表单 中 显示 了 一 条 记录 的 信 
息 。 它 首先 根据 首页 传 过 来 的 ID 值 ,执行 查询 找到 这 条 记录 ,然后 将 其 显示 在 表单 中 ,由 于 
只 有 一 条 记录 ,所 以 不 需要 用 到 循环 语句 。 

(2) 请 注意 将 动态 数据 显示 在 表单 中 的 方法 。 对 于 单行 文本 框 , 它 在 初始 时 会 显示 
value 属性 中 的 值 ,因此 只 要 给 其 value 属性 赋值 就 可 以 了 ,如 value= 二 "<? 二 $row[ 'title'] 
? >"。 对 于 多 行文 本 域 , 它 在 初始 时 会 显示 标记 中 的 内 容 , 因 此 将 动态 数据 写 在 标记 中 
即 可 。 

(3) 表单 传递 ID 给 表单 处 理 程 序 有 两 种 方法 ,一 是 使 用 上 述 代码 中 的 查询 字符 串 方式 
(Caction 一 "edit. php?id 二 <? 二 $row[ 'ID'];?>"), 二 是 使 用 表单 隐藏 域 传递 ,例如 在 
editform. php 的 表单 中 添加 一 个 隐藏 域 : 


< input type = "hidden" name = "id" value = "<? = $ row['ID'];?>" /> 


修改 记录 的 第 二 阶段 是 : 当 用 户 单 击 “ 确 定 ” 提 交 表 单 后 ,浏览 器 将 与 服务 器 进行 第 二 

次 通信 。 修 改 记录 处 理 程序 edit. php 首先 获取 从 < form > 标记 中 传递 过 来 的 ID 值 , 并 获取 
表单 中 填写 的 数据 ,根据 ID 值 和 表单 数据 修改 该 ID 对 应 的 记录 ,其 过 程 如 图 5-22 所 示 。 

加 根据 记录 ID 


和 表单 中 的 数 
据 修改 记录 


@ 获取 记录 ID 
gy 


$id=$_GET['id'] 全 


加 获取 表单 中 数据 


Stitle=$_POST["title"] 
数据 库 Apache 浏览 器 


图 5-22 ”修改 记录 的 过 程 (第 二 阶段 ) 
修改 记录 的 执行 程序 (edit. php) 的 代码 如 下 : 
<? require('conn.php'); 


$ id= intval( $ _GET[ 'id']); // 获 取 记 录 ID 
$title= $_POST[ "title"]; // 获 取 表单 中 数据 
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$ author = $ _POST["author"]; 
$ email = $ _POST[ "email"]; 
$ content = $ _POST["content"]; 
$ ip= $ _SERVER[ 'REMOTE ADDR']; // 获 取 客户 端 IP 
$ sql = "Update lyb Set title= '$ title',author = '$ author', email = ' $ email', content = 
'$ content' Where ID= $ id"; 
mysql_query( $ sql) or die( ' 执 行 失败 '); 
echo "< script > alert( ' 留 言 修改 成 功 ! ') ;location. href = '5 -6.php';</script >"; 
?> 


说 明 : 

(1) Update 语句 根据 传 过 来 的 ID 找到 要 修改 的 留言 

(2) 更 新 完成 后 本 程序 采用 输出 客户 端 脚本 的 方法 (location. href) 转 向 首页 ,用 来 蔡 代 
header 语句 ,这 样 做 的 好 处 是 可 以 在 返回 之 前 弹出 一 个 警告 框 提示 用 户 “留言 修改 成 功 ”, 而 
header 方法 则 无 法 在 转向 之 前 输出 任何 警告 框 之 类 的 JavaScript 的 脚本 , 想 一 想 为 什么 。 因 此 
前 面 几 个 程序 的 header 语句 都 可 以 换 成 这 句 , 以 增加 弹出 警告 框 提示 用 户 的 功能 。 


5.3.6 查询 记录 的 实现 


动态 网 站 的 一 个 明显 优势 是 能 够 让 用 户 在 网 站 内 快速 搜索 到 符合 条 件 的 内 容 , 如 搜索 
某 种 商品 , 某 条 新 闻 等 。 如 果 网 站 中 所 有 的 记录 都 存放 在 同一 个 表 中 , 则 只 要 借助 于 select 
语句 的 模糊 查询 功能 ,就 能 方便 地 按照 条 件 查询 到 相关 记录 。 

查询 记录 程序 的 流程 如 下 : 首先 提供 一 个 文本 框 供用 户 输入 要 查找 的 关键 字 , 然 后 将 
用 户 提交 的 关键 字 作 为 条 件 用 select 语句 进行 查询 ,最 后 将 查询 的 结果 (返回 的 结果 集 ) 显 
示 在 网 页 中 。 下 面 在 程序 5-2. php 的 基础 上 添加 查询 功能 ,首先 在 该 文件 的 < table > 标记 
前 加 入 如 下 表单 代码 ,修改 后 的 页 面 显 示 效 果 如 图 5-23 所 示 。 


< form method = "get" action = "5— 8.php"> 
<div style = "border:1px solid gray; background: # eee;padding:4px;"> 
查找 留言 :请 输入 关键 字 < input name = "keyword" type = "text"> 
< select name = "sel"> 
<option value = "title"> 文 章 标题 </option> 
< option value = "content"> 文 章 内 容 </option > 
</select> 
< input type = "submit" value= "查询 "> 
</div></form> 


| http://1ocahost/ seares pt 


查找 留言 ， 请 答 入 关键 字 Ez 

I 内 容 证 者 enail 来 自 
而 天 家 天心。 鲁 常 二 放大 家 的 吉 助 | 表 积 分 。 xta@ton. con |202. 103. 56.6 
Ee 本 唐三彩 rerw@qq. com |127.0.0.1 
= 


Ba 
rv 


i 


图 5-23 查找 留言 的 界面 
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处 理 查询 的 程序 5-8. php 的 代码 如 下 : 


< h3 align = "center"> 查 询 结果 </h3 > 
<? requirel('conn.php'); 
$ keyword = trim( $ _GET[ 'keyword']); // 获 取 输 入 的 关键 字 
$ sel= $ _GET[ 'sel']; // 获 取 选 择 的 查询 方式 
$ sql = "select * from lyb"; 
if ( $ keyword <> "") 
$sql= $sql ." where $ sel like '% $ keyword$% '"; // 构 造 查询 语句 
$rs=mysql_query( $ sql) or die( ' 执 行 失败 '); 
if (mysql num rows( $ rs)>0){ 
echo "< p> 关键 字 为 ”$ keyword ", 共 找到 ".mysql_num_rows( $ rs)." 条 留言 </p>"; ?> 
< table border = "1"> 
<tr bgcolor ="#e0e0e0"> 
<th> 标 题 </th> < th width = "100"> 内 容 </th> <th width= "60"> 作 者 </th> 
<th> email </th> <th width= "80"> 来 自 </th></tr> 
<? while( $ row= mysql_fetch assoc( $ rs)){ 
?> 
<tr><td><?= $row['title'] ?></td><td><? = $row['content'] ?></td> 
<td><? = $row['author'] ?></td> <td><? = $row['email'] ?></td> 
<td><? = $row['ip'] ?></td></tr> 
<? }} 
else echo "没有 搜索 到 任何 留言 " 
是 
</table> 


在 图 5-23 的 查询 框 中 输入 “大 家 ”, 则 该 程序 的 运行 结果 如 图 5-24 所 示 。 


于 查询 结果 - Nicrosoft Internet Explorer 
文件 编辑 EE) 查看 @) 收藏 A) 工具 0) 帮助 0D 
腌 二 加 咱 钵 http: //1ocalhost/search php?keyword=XB4xF3XBCXD28sel=tit 国 转 到 | 


查询 结果 二 
关键 宇 为 “大 家 ”， 共 为 您 找到 3 条 留言 
标题 内 容 作者 | email 来 自 
觅 大 家 开心 腓 常 感谢 大 家 的 帮助 表 积 分 。 [xta@tom. con ||202. 103, 56.6 
庆 家 好 ! 峡 花 纷飞 芬芳 [Fengf@163. com [59. 51.2.2 
天 家 好 呀 下 要 了 游 芳 [Eengf@163. com [34. 44.4.4 本 


图 5-24 ”search. php 的 运行 结果 


说 明 : 该 程序 可 以 根据 标题 字段 或 内 容 字段 进行 查询 ,只 要 在 下 拉 框 中 进行 选择 ,就 会 
将 对 应 的 字段 名 title 或 content 发 送 给 服务 器 ,以 构造 相应 的 查询 语句 。 


6.4 分 页 显示 数据 
A 


分 页 是 一 种 将 所 有 信息 分 段 显 示 给 浏览 器 用 户 的 技术 。 用 户 每 次 看 到 的 不 是 全 部 信 
息 ,而 是 其 中 一 部 分 信息 ,如 果 用 户 没有 找到 自己 想 要 的 内 容 , 就 可 以 使 用 翻 页 链接 切换 可 
见 内 容 。 分 页 显示 功能 在 新 闻 列 表 页 、 论 坛 或 留言 板 等 程序 中 广泛 存在 。 当 记录 很 多 时 , 程 
序 能 自动 将 结果 集 分 页 显示 ,用 户 可 以 一 页 一 页 地 浏览 。 例 如 图 5-25 中 ,结果 集中 共有 14 
条 记录 ,每 页 显示 4 条 ,这 样 就 分 成 了 4 页 。 
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第 一 页 第 二 页 第 三 页 第 四 页 
第 1 条 第 5 条 第 9 条 第 13 条 
第 2 条 第 6 条 第 10 条 第 14 条 
第 3 条 第 7 条 第 11 条 
第 4 条 第 8 条 第 12 条 

图 5-25 分 页 显示 记录 示意 图 


在 B/S 程序 中 ,分 页 技术 可 以 分 别 在 数据 库 服 务 器 、Web 服务 器 或 浏览 器 中 实现 。 如 
果 通 过 创建 结果 集 的 方式 来 分 页 ,就 是 在 数据 库 服务 器 上 实现 分 页 ; 如 果 通 过 PHP 循环 语 
句 读 取 结 果 集 中 某 页 范围 的 记录 ,就 是 在 Web 服务 器 上 实现 分 页 ; 如 果 通 过 客户 端 
JavaScript 脚本 只 显示 某 页 记录 对 应 的 HTML 元 素 , 就 是 在 浏览 器 中 实现 分 页 。 


5.4.1 分 页 程序 的 基本 实现 


分 页 程序 实现 的 步骤 大 致 是 : 四 设置 每 页 显示 的 记录 数 ; 加 获取 记录 总 数 ; 四 计算 总 
页 数 ; @ 取 得 要 显示 第 几 页 的 记录 ; @@ 通 过 超 链接 传递 页 码 。 


1, 设置 每 页 显示 的 记录 数 


假定 使 用 变量 $ PageSize 来 保存 每 页 显示 的 记录 数 , 它 的 值 由 用 户 根据 需要 自行 设置 。 
例如 : 设置 每 页 显示 4 条 记录 ,可 以 使 用 下 面 的 语句 : 


$ PageSize = 4; 


2. 获取 记录 总 数 


获取 结果 集中 记录 总 数 有 两 种 方法 ,第 一 种 是 通过 mysql_num_rows() 函 数 返 回 记录 
总 数 , 并 将 其 保存 在 $ RecordCount 变量 中 。 代 码 如 下 : 


$ RecordCount = mysql_num_rows( $ result) 
第 二 种 方法 是 通过 select 语句 中 的 count 函数 实现 。 代 码 如 下 : 


$result = mysql_query("Select count( * ) from lyb", $ conn);  // 统 计 记录 数量 的 结果 集 
$ row= mysql_fetch row( $ result); 
$ RecordCount = $ row[0]; 


3. 计算 总 页 数 


可 以 通过 $ RecordCount 和 $ PageSize 两 个 变量 的 值 计 算得 到 总 页 面 数 $ PageCount， 
方法 如 下 : 


$ PageCount = ceil( $ RecordCount/ $ PageSize); 


说 明 : ceil(x) 函数 用 来 返回 大 于 或 等 于 x 并 且 最 接近 x 的 整数 。 如 果 结 果 集 中 的 记录 
总 数 $RecordCount 是 $PageSize 的 整数 倍 , 则 $PageCount 等 于 $RecordCount 除 以 
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$ PageSize 的 结果 ; 否则 , $ PageCount 等 于 $RecordCount 除 以 $ PageSize 的 结果 取 整 
后 加 1。 


4. 取得 要 显示 第 几 页 的 记录 


虽然 使 用 $ PageSize 可 以 控制 每 页 显示 的 记录 数 ,但 是 要 显示 哪 页 的 记录 呢 ? 可 以 在 
Select 语句 中 使 用 limit 子 句 限定 显示 记录 的 范围 ,方法 如 下 : 


Select * from 表 名 limit 起 始 位 置 ， 显 示 记录 数量 


例如 ,用 $ Page 保存 当前 页 码 , 要 获取 第 $Page 页 显示 的 记录 ,SQL 语句 如 下 : 


Select x from 表 名 limit ( $ Page -1) * $PageSize，$ PageSize 


这 样 , 只 要 给 $ Page 赋 一 个 值 n, 就 能 显示 第 n 页 的 记录 了 。 代 码 如 下 : 
<? require('conn. php'); 


$ Page = 3; // 显 示 第 3 页 的 记录 
$ PageSize = 4; 


$ result =mysql_query("Select * from lyb", $ conn); ”// 创 建 获取 记录 总 数 的 结果 集 
$ RecordCount = mysql_num rows( $ result); 
$ PageCount = ceil( $ RecordCount/ $ PageSize); 


$ result =mysql query("Select * from lyb limit ".( $ Page—1)* $ PageSize." , ". $ PageSize, $ conmn); 
?> 


< table border = "1" width= "95% "><tr bgcolor = "#e0e0e0"> 
<th> 标 题 </th>< th> 内 容 </th>< th> 作 者 </th>< th> email </th><th> 来 自 </th></tr> 
<? while( $ row= mysql_fetch_assoc( $ result)){ ?> 
<tr><td><?= $row['ID'] ?></td> <td><?= $row['content'] ?></td> 
<td><?= $row['author'] ?></td> <td><? = 5$row[ 'email'] ?></td> 
<td><?= $row['ip'] ?></td></tr> 
< 


mysql_free result( $ result); ?></table> 
说 明 : limit 子 句 中 的 记录 序号 从 0 开始 ,第 1 条 记录 的 序号 为 0。 因 此 ( $ Page 一 1) * 
$ PageSize 就 表示 前 n 一 1 页 的 所 有 记录 再 加 1, 正 好 是 第 n 页 的 第 1 条 记录 。 
5. 通过 超 链 接 传递 页 码 
可 以 通过 超 链 接 传递 参数 的 方法 通知 脚本 程序 要 显示 的 页 码 。 假 定 分 页 显示 记录 的 页 
面 是 5-9. php ,传递 参数 的 链接 如 下 : 


http://localhost/php/5 — 9.php?page=2 


参数 page 用 来 指定 当前 的 页 码 。 在 5-9. php 中 ,可 以 通过 下 面 的 语句 读 取 参 数 page: 


if(isset( $ _GET[ 'page'])) 

$ Page= $ _GET[ ‘page']; 
else 

$ Page= 1; 


// 如 果 获 取 到 的 页 码 不 为 空 


这 样 $ Page 就 保存 了 URL 中 的 页 码 。 但 普通 用 户 不 会 知道 在 URL 上 输入 类 似 
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?page 一 2 之 类 的 参数 来 访问 分 页 。 为 此 ,我 们 可 以 定义 几 个 分 页 链接 ,供用 户 单 击 
“第 一 页 "链接 的 代码 如 下 : 


echo " <a href = '?page = 1> 第 一 页 </a> ”; // 转 到 当前 页 的 第 一 页 


“上 一 页 ”链接 的 代码 如 下 : 


echo " <a href = '?page=" . ( $ Page-1) . "> 上 一 页 </a> "; 


“下 一 页 "链接 的 代码 如 下 : 


echo " <a href = '?page=" . ($ Page+1) . "2 下 一 页 </a>"; 


“ 末 页 "链接 的 代码 如 下 : 


echo " <a href = '?page = " . $ PageCount . "> 末 页 </a> "; 


比较 完美 的 分 页 程序 中 ,还 需要 根据 当前 页 对 翻 页 链接 进行 判断 控制 。 如 果 当 前 页 码 
是 1, 则 取消 “第 一 页 "和 “上 一 页 ”的 链接 ; 如 果 当 前 页 是 最 后 一 页 , 则 取消 “下 一 页 ”和 *“ 末 
页 ”的 链接 。 

下 面 是 一 个 分 页 显示 程序 的 完整 代码 , 它 的 运行 效果 如 图 5-26 所 示 。 


<? require('conn.php'); 
if(isset( $ _GET[ 'page']) && (int) $ _GET[ 'page']> 0) // 获 取 页 码 并 检查 是 否 非法 
$ Page= $ _GET[ ‘page']; 
else$ Page=1; // 如 果 获 取 不 到 页 码 则 显示 第 1 页 
// 设 置 每 页 显示 记录 数 
$ PageSize = 4; 
$ result = mysql_query("Select count(ID) from lyb", $ conn); // 创 建 统计 记录 总 数 的 结果 集 
$ row = mysql_fetch row( $ result); 
$ RecordCount = $ row[0]; // 获 取 记 录 总 数 
// 计 算 总 共有 多 少 页 
$ PageCount = ceil( $ RecordCount/ $ PageSize); 
// 将 某 一 页 的 记录 放 入 结果 集 
$ result = mysql_query("Select * from lyb limit ". ($ Page—1)* $ PageSize.",". $ PageSize, $ conn); 
// 显 示 记 录 ?> 
<h3 align = "center"> 分 页 显示 记录 </h3> 
<table border = "1" width = "95% "> 
<tr bgcolor ="#e0e0e0"> 
< th> 标 题 </th>< th> 内 容 </th>< th> 作 者 </th>< th> email </th>< th> 来 自 </th> </tr> 
<? while( $ row = mysql_fetch assoc( $ result)){ ?> 
<tr><td><?= $row['title'] ?></td> <td><?= $row['content'] ?></td> 
<td><?= $row['author'] ?></td> <td><?= $row['email'] ?></td> 
<td><?= $row['ip'] ?></td></tr> 


< 
mysql_free result( $ result); ?> 
</table> 
<p><? // 显 示 分 页 链接 的 代码 
if( $ Page== 1) // 如 果 是 第 1 页 , 则 不 显示 第 1 页 的 链接 


echo "第 一 页 上 一 页 "; 
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else echo " <a href = '?page = 1> 第 一 页 </a> <a href = '?page= ". ($ Page-1)."> 上 一 页 </a> "; 


for( $i=1;$i<= $PageCount; $ i++){ // 设 置 数 字 页 码 的 链接 
if ($i== $Page) echo "$i"; // 如 果 是 某 页 , 则 不 显示 某 页 的 链接 
else echo " <a href = '?page= $ i> $i</a>";} 

if( $ Page== $ PageCount) // 设 置 "下 一 页 "链接 


echo "下 一 页 末 页 "; 
ES 下 三 页 又 二 
<ahref = '?page="”. $ PageCount . "> 未 页 </a> "; 
echo " &nbsp 共 ". $ RecordCount. "条 记录 gnbsp"; “ // 共 多 少 条 记录 
echo " $Page / $ PageCount 页 "; // 当 前 页 的 位 置 
?></p> 


crose ft Internet Explorer 


文 作 四 Ey 查看 收 诚 4) 工具 CD) 帮助 0D 
中 丰 入 http://1ocalhost/5-13. php E> 二 ji 


标题 内 容 作者 enail = 
胶 大 家 开心 “ 腓 常 感谢 大 家 的 帮助 ” 闭 积分 。 xta@tom. con |202. 103. 56.6 


清寺 个 问题 ON 了 = 月 。 |cenvaaa. con 127.0.0.1 


x 是 测试 雪 言 入 双 个 开 计 的 过 | 下 承 芥 。 |tane@l63.con |192. 168.0.1 
仑 五 条 留言 ”在 古巴 比 伦 的 大 草原 上 障 志 [ruxh@sohu. con [127. 0. 0. 1 


5 下 一 页 未 页 共 17 条 记录 1/5 页 


首页 上 一 页 1 2 3 4 


图 5-26 分 页 显示 记录 示例 


6. 通过 移动 结果 集 指针 进行 分 页 (在 Web 服务 器 实现 分 页 ) 


ti 的 写法 其 实 还 有 别 的 。 例 如 : 要 实现 只 显示 第 n 页 的 记录 ,除了 使 用 limit 子 
句 创 建 仅 含有 一 页 记录 的 结果 集 外 ,还 可 以 创建 包含 所 有 记录 的 结果 集 ,并 将 结果 集 的 指针 
指向 第 n mt 1 条 记录 ,然后 用 for 循环 循环 输出 $ PageSize 条 记录 。 代 码 如 下 : 


<? requirel( 'conn. php'); 
if(isset( $ _GET[ 'page']) && (int) $ _GET[ 'page']>0) // 获 取 页 码 
$ Page = $ _GET[ 'page']; 
else $Page=1; 
// 设 置 每 页 显示 记录 数 
$ PageSize = 4; 
$result = mysql_query("Select ID from lyb", $ conn); // 创 建 结果 集 
$ RecordCount = mysql_num rows( $ result); // 获 取 记 录 总 数 
mysql free result( $ result); 
// 计 算 有 多 少 页 
$ PageCount = ceil( $ RecordCount/ $ PageSize); 
// 将 所 有 记录 放 入 结果 集 
$result =mysql query("Select * from lyb", $§ conn); 
// 显 示 记 录 ?> 
<table border = "1" width= "95% "><tr bgcolor ="#e0e0e0"> 
<th> 标 题 </th>< th> 内 容 </th><th> 作 者 </th><th> email </th><th> 来 自 </th> </tr> 
<? // 将 指针 指向 第 $ Page 页 第 1 条 记录 
mysql data seek( $ result,( $ Page— 1) * $ PageSize); 
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for( $i=0; $i<$PageSize; $i++){ 
$row= mysql fetch assoc( $ result); 


if( $ row){ // 如 果 记 录 不 为 空 ,用 来 处 理 末 页 的 情况 
?> 
<tr><td><?= $row['ID'] ?></td> <td><?= $row['content'] ?></td> 
<td><? = $row[l'author'] ?></td><td><?= $row['email'] ?></td> 
<td><? = $row['ip'] ?></td></tr> 
<2 
mysql_free result( $ result); ?> 
</table> 
KD // 此 处 为 显示 分 页 链接 的 代码 ,与 5- 13.php 相同 , 故 省 略 


?></p> 


其 中 ,mysql_data_seek(result, row) 函 数 的 功能 是 将 结果 集 result 的 指针 移动 到 指定 
的 行 数 row( 行 数 从 0 开始 )。 

这 种 方法 创建 的 结果 集中 包含 了 所 有 记录 ,也 就 是 说 包含 了 所 有 页 的 记录 。 从 效率 上 
说 ,如 果 结 果 集 中 记录 很 多 的 话 ,该 方法 创建 的 结果 集 将 占用 很 多 的 服务 器 内 存 , 因 此 效率 
较 低 。 但 如 果 结 果 集 中 记录 比较 少 , 则 这 种 方法 不 必 每 显示 一 个 分 页 就 执行 一 个 不 同 的 查 
询 , 因 此 效率 反而 高 些 。 


5.4.2 对 查询 结果 进行 分 页 


5.4.1 节 中 只 是 最 基本 的 分 页 程序 。 假 设 要 对 图 5-24 中 搜索 留言 得 到 的 结果 进行 分 
页 , 则 上 述 分 页 程序 只 能 正确 显示 第 1 页 , 当 用 户 转 到 其 他 页 后 又 会 显示 所 有 的 记录 ,而 不 
是 查询 得 到 的 记录 。 这 是 因为 单 击 分 页 链接 后 没有 将 用 户 输入 的 查询 关键 字 传递 给 其 
他 页 。 

为 此 ,可 以 在 获取 了 用 户 输入 的 关键 字 后 ,一 方面 将 它 传 递 给 SQL 语句 进行 查询 , 另 一 
方面 将 其 保存 在 分 页 链接 的 URL 参数 (或 表单 隐藏 域 ) 中 。 具 体 来 说 ,可 以 给 分 页 链接 增 
加 一 个 URL 参数 ,将 该 URL 参数 的 值 设 置 为 查询 关键 字 以 传递 给 其 他 页 。 关 键 代 码 
如 下 : 

<% $keyword= trim( $ _GET[ ‘keyword']); // 获 取 查 询 关 键 字 


证 ( $ keyword <> "") 
$sql= $sql ." where title like '% $ keyword% ""; 


for( $i=1;$i<= $PageCount; $it+) {  // 设置 每 页 的 链接 
if ($i== $Page) echo "$1"; 
else // 在 此 处 添加 URL 参数 keyword, 用 来 保存 关键 字 
echo " <a href = '?page = $ i&keyword= $ keyword> $ i</a> ";} 

?> 


这 样 , 单 击 分 页 链接 时 ,都 会 将 关键 字 重 新 传 给 SQL 语句 ,因此 单 击 分 页 链接 后 转 到 的 
新 分 页 仍然 是 查询 结果 。 它 的 完整 代码 如 下 ,运行 结果 如 图 5-27 所 示 。 


<? requirel('conn.php'); 
if(isset( $ _GET[ 'page']) && (int) $ _GET[ 'page']> 0) // 获 取 页 码 
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$ Page = $ _GET[ ‘page']; 
else $ Page=1; 
$ PageSize = 4; // 设 置 每 页 显示 记录 数 
$ keyword = trim( $ _GET[ 'keyword']); // 获 取 查 询 关 键 字 
$ sql= "select x from lyb"; 
证 ( $ keyword <> "") 
$sql= $sql ." where title like '% $ keyword% '"; 


$result =mysql query( $ sql, $ conn); // 根 据 有 无 查询 关键 字 创 建 结 果 集 
$ RecordCount = mysql_num rows( $ result); // 获 得 记录 总 数 

$ PageCount = ceil( $ RecordCount/ $ PageSize); // 获 得 总 页 数 

?> 


< form method = "get" action=""> 
<div style= "border:1px solid gray; background: # eee;padding:4px;"> 
查找 留言 :请 输入 关键 字 < input name = "keyword" type = "text" value = "<? = $keyword?>"> 
< input type= "submit" value= "查询 "> 
</div></form> 
<table border = "1" width= "95% "> 
< tr bgcolor ="# e0e0e0">< th > 标题 </th>…( 省 略 显示 表 头 的 代码 )</tr> 
<? 
mysql_data_seek( $ result, ( $ Page — 1) * $ PageSize); // 将 指针 指向 第 $ Page 页 第 1 条 记录 
for( $i=0; $i<$PageSize; $ i++){ 
$ row = mysql fetch assoc( $ result); 
if( $ row){ ?> 
<tr><td><?= $row['title'] ?></td><td><? = $ row[ 'content'] ?></td> 
<td><?= $row['author'] ?></td><td><? = $row['email'] ?></td> 
<td><?= $row['ip'] ?></td></tr> 
x? Ph 
</table> 
<p><? // 显示 分 页 链接 
if($Page== 1) echo "第 一 页 上 一 页 "; 
else echo "<a href = '?page=1Skeyword= $keyword> 第 一 页 </a> 
<ahref = '?page=". ($Page-1) . "gkeyword= $keyword'> 上 一 页 </a> "; 
for( $i=1;$i<= $PageCount; $it+) { // 设 置 数字 页 码 的 链接 
if ($i== $Page) echo " $i"; 
else echo " <a href = '?page = $ igkeyword= $ keyword'>$ i</a> ";} 
证 ($Page== $PageCount) echo "下 一 页 末 页 "; 
else echo "<ahref='?page=" . ($Page+1) . "gkeyword= $keyword> 下 一 页 </a> 
<a href = '?page=" . $ PageCount . "gkeyword= $ keyword> 末 页 </a> "; 


echo " &nbsp 共 ". $ RecordCount. "条 记录 gnbsp"; // 共 多 少 条 记录 
echo " $ Page / $ PageCount 页 "; // 当 前 页 的 位 置 
?></p> 


5.4.3 将 分 页 程序 写成 函数 
由 于 网 站 中 很 多 页 面 都 要 使 用 分 页 功能 ,因此 将 分 页 程序 写成 函数 ,在 需要 的 时 候 调用 


能 大 大 减少 编程 的 工作 量 。 


1. 分 页 函数 的 设计 和 实现 
设计 函数 首先 要 确定 函数 的 输入 和 输出 ,对 于 分 页 函数 来 说 ,输入 的 参数 有 : 四 记录 总 
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http://localhost/php/8/erample/3. 175-12-php?page=lskeaaaa 大 宁国 关于 


文件 EE 编辑 EE) 查看 WW) 收 意 如 工具 人 帮助 0D 
趣 十 种 咱 国 http:y/ocalhost/phpy8/exsmple/8.1/5-12 php?psge=18keyword= 大 家 入 


查找 留言 ， 靖 答 入 关键 字 大 素 国明 JURL 参 数 传递 
关键 字 给 各 分 页 


标题 内 容 email 
陨 大 家 开 | 非常 感谢 大 家 长 期 
心 以 来 的 帮助 


sanyo@tom. com|59. 51. 24. 37 


kd 天 尝 二 放大 家 的 攻 xta@tom. com ||202. 103. 56.6 


大 家 好 ! [国花 纷飞 fengf@163. com|59. 51. 2. 2 
[大 家 好 呀 下 要 了 fengf@163. com|34. 44. 4. 4 


共 22 条 记录 1/6 页 加 


图 5-27 对 查询 结果 进行 分 页 的 效果 


数 $ RecordCount; 回 每 页 显示 的 记录 数 $ PageSize; @ 当 前 显示 哪 一 页 $ Page; @ 当 前 页 

的 url; @@ 查 询 关 键 字 $ keyword。 只 要 在 程序 中 设置 好 这 5 个 参数 (如 没有 查询 关键 字 ,可 
不 设置 $keyword) ,就 可 以 调用 分 页 函数 了 。 该 分 页 函数 没有 返回 值 ,其 功能 主要 是 输出 
分 页 链接 。 下 面 是 分 页 函数 page() 的 代码 : 


<? 
function page( $ RecordCount, $ PageSize, $ Page, $ url, $ keyword){ 
$ PageCount = ceil( $ RecordCount/ $ PageSize); ”// 计 算 总 页 数 
$ page_previous = ($Page<=1)?1:$ Page-1; // 计 算 上 一 页 的 页 数 


$ page next = ($ Page>= $ PageCount)? $ PageCount: $ Page+1; // 计 算 下 一 页 的 页 数 
$ page_start = ($Page-5>0)?$Page-5:0;  // 只 显示 本 页 前 5 页 的 页 码 链接 
// 只 显示 后 5 页 的 页 码 链接 


$ page end = ($ page start +10<$ PageCount)? $ page start +10:$ PageCount; 
// 若 超过 10 页 ,只 显示 本 页 前 后 5 页 的 页 码 链接 
$ page_start = $ page_end— 10; 


if( $ page_start <0) $ page_start = 0; // 若 当前 页 不 合法 ,更 正 
$parse_url = parse url( $ url); // 判 断 $ url 中 是 否 存在 查询 字符 串 
if(empty( $ parse_url["querYy ])) 

$url = $url.'?'; // 若 不 存在 ,在 $ url 后 添加 ? 
else$ url = $url.'g'; // 若 存在 ,在 $ url 后 添加 & 


if(empty( $ keyword) ){ 
if( $ Page == 1) $ navigator = "[ 首 页 ] [上 一 页 ] "; 
else $ navigator = " <a href = '?page=1'>[ 首 页 ]</a> <a href = ". $url."Page= $page_ 
previous >[ 上 一 页 ]</a> "; 
for( $i= $ page_start; $ i<$ page_end; $ i++){ // 输 出 页 码 链接 
be 
if ($j== $Page) $navigator = $ navigator. "$j"; 
else $navigator = $ navigator. "<a href ='". $url."Page= $j>$j</a>"; 
} 
if( $ Page == $ PageCount) // 设置 "下 一 页 "链接 
$ navigator = $navigator. " [下 一 页 ] [ 末 页 ]"; 
else $ navigator = $ navigator. " <ahref =". $url."Page= $ page next >[ 下 一 页 ]</a><a 
href = ". $ url. "Page = $ PageCount >[ 末 页 ]</a> "; 
$ navigator. = "”&nbsp; 共 ". $ RecordCount. "条 记录 &nbsp; $ Page / $ PageCount 页 "; 
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Jelse{ // 如 果 设 置 了 查询 关键 词 , 则 将 查询 关键 词 加 到 URL 链接 中 
$keyword = $ _GET["keyword"]; 

$ navigator = "<a href =". $ url."keyword= $keywordSPage = $ page previous > 上 一 页 </a> "; 
for( $ i= $ page start; $ i<$ page_end; $ i++){ 

车 机 本 汪汪 站 了 7 

$ navigator = $ navigator."<a href = '". $url."keyword= $ keywordgPage = $j>$j</a>"; 
} 

$ navigator = $ navigator."<a href =". $ url."keyword = $ keyword&Page = $ page_next > 下 

一 页 </a> "; 

$ navigator. 

} 

echo $ navigator; // 输 出 分 页 链接 


1 


1 


"gnbsp; 共 ". $ RecordCount. "条 记录 &nbsp; $ Page / $ PageCount 页 "; 


2. 调用 分 页 函数 实现 分 页 的 实例 
下 面 我 们 改写 5. 4. 1 节 中 的 5-14. php, 通 过 调用 分 页 函数 来 实现 分 页 。 代 码 如 下 : 


<? require( 'conn.php'); 
require('5— 15. php'); // 调 用 分 页 函数 所 在 文件 
if(isset( $ _GET[ 'Page']) && (int) $ _GET[ 'Page']> 0) // 获 取 页 码 
$ Page= $ _GET[ 'Page']; 
else$ Page= 1; 


$ PageSize = 4; // 设 置 每 页 显示 记录 数 
$result = mysql_query("Select ID from lyb", $ conn);  // 创 建 结 果 集 
$ RecordCount = mysql_num rows( $ result); // 获 取 记 录 总 数 


// 删 除了 原来 程序 中 计算 $ PageCount 的 代码 
$ result = mysql_query("Select * from lyb", $ conn); 
// 显 示 记 录 
?> 
<table border = "1" width= "95% "><tr bgcolor ="#e0e0e0"> 
<th> 标 题 </th>< th> 内 容 </th>< th> 作 者 </th><th> email </th> 
<th> 来 自 </th> </tr> 
< // 将 指针 指向 第 $ Page 页 第 1 条 记录 
mysql_data_seek( $ result, ( $Page 一 1)* $ PageSize); 
for( $i=0;$i<$PageSize; Si++)f 
$ row= mysql_fetch assoc( $ result); 


if( $ row){ // 如 果 记 录 不 为 空 ,用 来 处 理 末 页 的 情况 


?> 
<tr><td><?= $row['ID'];?></td> <td><?= $row[ 'content'];?></td> 
<td><?= $row['author'];?></td> <td><?= $row[ 'email'];?></td> 
<td><?= $row['ip'];?></td></tr> 


避 二 二 
mysql_free result( $ result); ?> 
</table> 
<? $url = $_ SERVER["PHP SELF"]; // 获 得 当前 页 的 URL 


page( $ RecordCount, $ PageSize, $ Page, $ url, $ keyword);// 调 用 分 页 函数 
?> 


可 见 , 分 页 函数 只 是 完成 了 5.4.1 节 分 页 程序 的 基本 实现 中 第 @ 步 “计算 总 页 数 ” 和 第 


@ 步 “通过 超 链 接 传递 页 码 ” 的 功能 ,其 他 步骤 仍然 需要 在 程序 中 进行 设置 。 
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5.4.4 可 设置 每 页 显示 记录 数 的 分 页 程序 


在 有 些 分 页 程序 中 ,还 具有 让 用 户 选 择 每 页 显示 多 少 条 记录 的 功能 ,如 图 5-28 所 示 。 
对 于 记录 数 非 常 多 的 网 页 来 说 ,这 种 功能 对 用 户 更 友好 。 


到 http://localhost/php/8/eranple/8. 1/5-14 php?psge=1 = Micro 


文件 外) 编辑 E) 查看 如 ”收藏 和 ) 工具 0) 帮助 0 
于 证 @@ | 禄 http: //1ocslhost/php/3/ example/3.1/5-14. php?page=1 


自 定义 每 页 记录 数 的 分 页 程序 


| 每 页 明示 局 ”条 医 到 | 
内 容 | 作者 | email 

临 常 感谢 大 家 长 期 以 来 的 吉 助 唐三彩 |sanyo8tom. com 
床 人 今天 到 此 一 游 小 神 马 shemoeaqq. com 
眠 拟 目录 中 的 文件 如 何 浏览 ” 境 博 士 tdkd8163. com 和 
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图 5-28 可 设置 每 页 显示 多 少 条 记录 的 分 页 程序 


要 实现 该 功能 ,首先 在 网 页 中 添加 一 个 表单 ,表单 的 文本 框 中 可 输入 每 页 显示 的 记录 
数 。 如 果 用 户 提 交 了 表单 ,就 把 用 户 设置 的 每 页 记录 数 赋 给 $ PageSize 变量 ,这样 分 页 程序 
就 会 根据 新 的 $ PageSize 值 重新 分 页 。 但 转 到 其 他 页 后 ,由 于 获取 不 到 用 户 设置 的 记录 数 ， 
$ PageSize 的 值 又 会 恢复 成 默认 值 。 为 此 ,应 该 把 用 户 设 置 的 记录 数 保存 起 来 ,可 以 采用 
5.4.2 节 的 方法 将 该 值 保存 到 URL 参数 中 ,也 可 以 将 该 值 保存 到 一 个 session 变量 中 ,这 样 
其 他 分 页 都 能 获取 到 用 户 设 置 的 记录 数 。 本 例 采用 第 二 种 方法 ,代码 如 下 ,运行 效果 如 
图 5-28 所 示 。 


<? session start(); 

require( 'conn. php'); 

if(isset( $ _GET[ ‘page']) && (int) $ _GET[ ‘page']> 0) // 获 取 页 码 
$ Page= $ _GET[ ‘page']; 

else $ Page=1; 

// 设 置 每 页 显示 记录 数 ,并 将 记录 数 保存 到 SESSION 变量 中 


if(isset( $ _GET[ 'pagesize'])){ // 如 果 用 户 设置 了 每 页 记录 数 
$ PageSize = $ _GET[ 'pagesize']; // 将 用 户 设置 的 值 赋 给 $ PageSize 
$ _SESSION[ "pagezize"] = $ _GET[ 'pagesize']; // 将 该 值 保存 到 SESSION 变量 中 
下 
证 ( $ _SESSION[ "pagezize" ]<>"") // 如 果 SESSION 值 不 为 空 
$ PageSize= $ _SESSION[ "pagezize"]; 
else 
$ PageSize = 4; // 第 一 次 打开 网 页 时 默认 每 页 显示 4 条 


$ result = mysql_query("Select * from lyb", $ conn);  // 创 建 结 果 集 

$ RecordCount = mysql_num rows( $ result); 

$ PageCount = ceil( $ RecordCount/ $ PageSize); // 计 算 有 多 少 页 

// 显 示 记 录 ?> 

<h3 align = "center"> 自 定义 每 页 记录 数 的 分 页 程序 </h3 > 

< form style = "margin:0 auto; text — align:center;" method = "get" action = ""> 每 页 显示 < input 


es) 
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type = " text" name = "pagesize" size = "3" value = "<? = $ PageSize?>"> 条 < input type = 
"submit" value = "保存 "> </form> 
<table border = "1” width= "95% "> 
<tr bgcolor =" 井 e0e0e0"> 
<th> 标 题 </th>< th> 内 容 </th>< th> 作 者 </th><th> email </th><th> 来 自 </th> </tr> 
< 
mysql_data seek( $ result, ( $ Page- 1) * $ PageSize); // 将 指针 指 到 某 页 的 第 1 条 记录 
for( $i=0; $i<$ PageSize; $ i++){ 
$ row= mysql_fetch assoc( $ result); 
if( $ row){ ?> 
<tr><td><?= $row['ID'];?></td> <td><?= $row[ 'content'];?></td> 
<td><?= $row['author'];?></td> <td><? = $row['email'];?></td> 
<td><? = $row['ip'];?></td> 
</tr> 
po 
mysql_free result( $result); ?> 
</table> 


<p><? // 此 处 为 显示 分 页 链接 的 代码 ,与 5- 13.php 相同 , 故 省 略 
?></p> 


GS mysqli 扩展 函数 的 使 用 


从 PHP 5.0 开始 ,不 仅 可 以 使 用 原来 的 mysql 函数 ,而 且 还 可 以 使 用 新 的 mysqli 扩展 
函数 实现 与 MySQL 数据 库 的 信息 交流 。mysqli 被 封装 到 一 个 类 中 , 它 是 一 种 面向 对 象 的 
技术 ,其 中 i 表示 改进 (improvement) ,其 执行 速度 更 快 。 大 多 数 mysqli 函数 的 函数 名 与 
mysql 函数 名 类 似 , 只 不 过 将 函数 名 的 前 级 由 “mysql” 改 成 了 “mysqli”。 

要 在 PHP 中 使 用 mysqli 函数 ,需要 在 php. ini 中 进行 配置 。 找 到 下 面 的 配置 项 : 


jextension = php_mysqli. dll 
去 掉 前 面 的 注释 符 (;) ,保存 更 改 ,重启 Apache 服务 ,就 可 以 使 用 mysqli 函数 了 。 
5.5.1 连接 MySOL 数据 库 

在 mysqli 中 ,提供 了 两 种 方法 创建 到 数据 库 的 连接 。 

1. 使 用 mysqli_connect() 函 数 

mysqli_connect() 函 数 用 来 连接 MySQL 数据 库 , 语 法 如 下 : 

mysqli 对 象 名 = mysqli_connect( 数 据 库 服 务 器 , 用 户 名 , 密码 , 数据 库 名 ) 


例如 ,要 访问 本 机 上 的 MySQL 数据 库 guestbook, 用 户 名 为 root, 密码 为 111, 代 码 
如 下 : 


$ conn =mysqli connect('localhost', 'root', '111', 'guestbook'); 
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可 见 ,mysqli_connect 函数 比 mysql_connect 多 了 一 个 参数 ,使 它 在 连接 数据 库 服务 器 
的 同时 还 能 选择 数据 库 。 


2. 声明 mysqli 对 象 
可 以 使 用 声明 mysqli 对 象 的 方法 来 创建 连接 对 象 ,方法 如 下 : 


$ conn = new mysqli( 'localhost', 'root', '111', 'guestbook'); 


如 果 在 创建 mysqli 对 象 时 没有 向 构造 方法 传人 参数 , 则 需要 多 写 几 行 代码 ,包括 调用 
connect 函数 连接 数据 库 服务 器 ,使 用 select_db 方法 选择 数据 库 。 代 码 如 下 : 


$ conn = new mysqli(); 
$ conn— > connect( 'localhost', 'root', '1117) 7 
$ conn 一 > select db( 'guestbook'); 


说 明 : 

(1) new mysqli() 表 示 新 建 一 个 mysqli 类 的 实例 ,类 的 实例 即 对 象 , 赋 给 变量 $ conn。 

(2) 由 于 $ conn 是 一 个 对 象 , 调 用 对 象 的 方法 可 以 使 用 "对 象 名 -> 方法 名 ”的 形式 。 

(3) mysqli 扩展 模块 包括 mysqli、mysqli_result 和 mysqli_stmt 三 个 类 。$ conn 就 是 
一 个 mysqli 对 象 , 它 属于 mysqli 类 。mysqli 类 常见 的 成 员 方法 如 表 5-1 所 示 。 使 用 这 些 成 
员 方 法 可 以 对 数据 库 进行 查询 .创建 结果 集 等 操作 。 


表 5-1 mysqli 类 中 的 成 员 方 法 


方 法 名 功 能 
connect() 打开 一 个 新 的 连接 到 MySQL 数据 库 服务 器 
select_db() 选择 当前 数据 库 
set_charset() 设置 客户 端的 默认 字符 集 
close() 关闭 先前 打开 的 连接 
query() 执行 SQL 语句 ,并 返回 结果 集 ( 对 于 Select 语句 ) 或 不 返回 
multi_query() 同时 执行 多 个 查询 语句 
store_result() 在 执行 多 查询 语句 时 ,获取 当前 结果 集 
next_result() 在 执行 多 查询 语句 时 ,获取 当前 结果 集 的 下 一 个 结果 集 
more_results() 从 多 查询 语句 中 检查 是 否 有 任何 更 多 的 查询 结果 集 


5.5.2 执行 SOL 语句 创建 结果 集 


可 以 使 用 mysqli_query() 函 数 或 mysqli 对 象 的 query() 函 数 来 执行 SQL 语句 ,如 果 执 
行 的 是 Select 请 句 , 则 会 返回 一 个 结果 集 , 如 果 执行 的 是 insert、delete 等 非 查询 语句 , 则 不 
会 返回 结果 集 。 

(1) mysqli_query() 函数 的 语法 如 下 : 

结果 集 = mysqli_query( 连 接 对 象 ，SQL 语句 ) 


注意 mysqli_query 函数 两 个 参数 的 顺序 与 mysql_query 函数 的 参数 顺序 相反 。 例 如 : 
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$ result = mysqli_query( $ conn, 'select * from lyb'); 
(2) mysqli 对 象 的 query() 函 数 的 基本 语法 和 示例 如 下 : 


对 象 名 -> query(SQL 语句 ) 
$result = $ conn 一 > query('select * from lyb'); 


结果 集中 的 所 有 数据 默认 都 是 发 送 到 客户 端的 ,如 果 和 希望 把 结果 集 暂 存在 MySQL 服 
务 器 上 ,在 有 需要 时 才 一 条 条 地 读 取 记录 过 来 ,就 需要 在 调用 query 方法 时 ,在 第 二 个 参数 
中 提供 一 个 MYSQLI_USE_RESULT 值 。 例 如: 


$result = $ conn 一 > query('select * from lyb', MYSQLI USE RESULT); 

在 结果 集 比较 大 或 不 适合 一 次 全 部 取 回 到 客户 端 时 ,使 用 这 个 参数 比较 有 用 。 

(3) 执行 非 查询 语句 。 

如 果 执 行 的 是 非 查询 语句 , 则 不 会 返回 结果 集 , 因 此 不 要 将 函数 的 返回 值 赋 给 $result。 
例如 : 


$ conn 一 > query( 'delete from lyb where ID= 3'); 


5.5.3 从 结果 集中 获取 数据 


结果 集 实际 上 是 mysqli_result 类 的 一 个 对 象 ,可 以 使 用 mysqli_result 类 中 的 一 些 方法 
获取 结果 集中 的 数据 。 如 果 要 获取 结果 集中 的 当前 记录 并 存储 到 数组 ,可 使 用 如 下 代码 : 


$row= $ result -> fetch assoc(); 


这 样 就 将 指针 指向 的 当前 记录 保存 到 数组 $row 中 ,并 使 结果 集 指针 指向 下 一 条 记录 。 
下 面 是 一 个 获取 结果 集中 所 有 数据 ,并 输出 到 表格 中 的 例子 ,运行 效果 如 图 5-13 所 示 。 
a > 


<? $conn=newmysqli(); 
$ conn—>connect('localhost', 'root', '111°'); 


$ conn -> select_db( 'guestbook'); // 连 接 数 据 库 

$ conn -> query( 'set names gb2312'); // 设 置 字符 集 

$result = $conn->query('select * from lyb');  // 创 建 结果 集 
?> 


<table border = "1" width= "95% "> 
<tr bgcolor ="#e0e0e0"> 
<th > 标题 </th> < th width= "100"> 内 容 </th> < th width= "60"> 作 者 </th> 
<th>email </th></tr> 
<? $result->data seek(5); // 从 第 6 条 记录 开始 读 , 可 去 掉 
while( $ row= $ result —> fetch assoc()){ // 循 环 读 取 结 果 集 中 的 记录 
n>: 
<tr><td><?= $row['title'] ?></td><td><?= $row['content'] ?></td> 
<td><?= $row[l'author'] ?></td><td><?= $row['email'] ?></td> </tr> 
<? } ?> 
</table> 
<p> 记 录 总 数 <?= $ result 一 > num_rows ?></p> 
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上 例 中 num_rows 是 mysqli_result 类 中 的 一 个 成 员 属 性 ,用 来 返回 结果 集中 的 记录 总 
数 。 而 fetch_assoc() 是 mysqli_result 类 中 的 一 个 成 员 方 法 ,mysqli_result 类 中 的 常用 方法 
如 表 5-2 所 示 。 


表 5-2 mysqli_result 类 中 的 成 员 方 法 


方 法 名 功 能 
fetch_row() 以 索引 数组 的 形式 返回 结果 集中 当前 指向 的 记录 
fetch_assoc() 以 关联 数组 的 形式 返回 结果 集中 当前 指向 的 记录 
fetch_array() 以 索引 数组 和 关联 数组 的 形式 返回 结果 集中 当前 指向 的 记录 
fetch_object() 以 对 象 的 形式 返回 结果 集中 当前 指向 的 记录 
data_seek(n) 将 结果 集 指针 指向 第 n 条 记录 
fetch_field() 从 结果 集中 获得 某 一 字段 的 信息 
fetch_fields() 从 结果 集中 获得 全 部 字段 的 信息 
field_seek() 设置 结果 集中 字段 的 偏 移 位 置 
close() 关闭 结果 集 


提示 : 如 果 要 判断 结果 集 不 为 空 ,只 能 使 用 if( 名 result-> num_rows >0) 来 判断 ,而 不 
能 使 用 if($result) 来 判断 ,因为 $conn-> query() 只 有 在 执行 查询 出 错时 才 会 返回 false, 如 
果 执 行 查询 正确 ,即使 查询 结果 只 有 0 条 记录 ,也 会 返回 一 个 成 员 为 0 的 对 象 。 


5.5.4 同时 执行 多 条 SQL 语句 


有 时 可 能 需要 同时 执行 多 条 SQL 语句 ,例如 要 在 页 面 上 创建 两 个 结果 集 , 并 且 这 两 个 
结果 集 的 代码 是 由 套 的 。 

例如 图 5-29 中 修改 新 闻 记录 的 界面 中 有 一 个 下 拉 框 ,该 下 拉 框 列 出 了 新 闻 所 属 的 各 种 
类 别 供用 户 选择 ,而 各 种 类 别 存储 在 字段 class 中 ,显然 填充 下 拉 框 需要 创建 一 个 查询 所 有 
class 字段 值 的 结果 集 ( 该 结果 集中 有 多 条 记录 ); 而 显示 待 修改 记录 各 个 字段 是 根据 该 记 
录 的 ID 创建 一 个 结果 集 ,该 结果 集中 只 有 一 条 记录 ,因此 ,这 里 面 存在 两 个 不 同 的 结果 集 ， 
一 个 结果 集 用 来 显示 待 修改 的 记录 , 另 一 个 结果 集 用 来 显示 下 拉 框 中 的 新 闻 所 属 类 别 。 

为 了 同时 创建 两 个 结果 集 ,可 以 使 用 multi_query() 函 数 同时 执行 多 条 SQL 语句 。 如 
果 执 行 的 是 select 语句 ,就 可 以 使 用 store_result() 方 法 将 当前 结果 集 取 回 到 客户 端 ,而 用 
next_result() 方 法 可 转 到 下 一 个 结果 集 。 实 现 图 5-29 功能 的 程序 如 下 : 


联系 方式 ， 
留言 内 容 : 


图 5-29 带 有 下 拉 框 的 修改 记录 界面 需 同时 创建 两 个 结果 集 
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<? $conn=new mysqli(); 
$ conn - > connect('localhost', 'root', '111'); 
$ conn—> select db('lyb'); 
$ conn 一 > query( 'set names gb2312'); 
$ id= intval( $ _GET[ 'id']); // 将 获取 的 卫 强 制 转换 为 整 型 
// 执 行 2 条 SQL 语句 ,2 条 SQL 语句 之 间 用 ";" 号 隔 开 
$ conn—>multi query("Select * from lyb where ID= $ id ;select distinct class from lyb"); 
$result = $ conn 一 > store result(); // 获 取 第 1 个 结果 集 
$row= $ result 一 > fetch assoc(); ?> 
<h2 align = "center"> 更 新 留言 </h2 > 
< form method = "post" action = "edit.php?id=<?= $row['ID'] ?>"> 
<table width = "400" border = "1" align = "center" cellpadding = "2"> 
<tr><td width= "125"> 留 言 标题 :</td>< td width = "275"> 
< input type = "text" name = "title" value = "<? = $row['title'] ?>"> *</td></tr> 
<tr><tdwidth= "125"> 留 言 类 型 :</td><td> 
< select name = "clas"> 


<? $conn->next result(); // 转 到 下 一 个 结果 集 

$rs= $conn-> store result(); // 获 取 第 2 个 结果 集 
while( $ row2= $ rs—>fetch assoc()){ // 将 class 字段 填充 到 下 拉 框 中 
?> 


<option value= "<? = $ row2["class"] ?>" <? if( $ row2["class"] == $ row[ 'class']) echo 
"selected"; ?>><? = $ row2["class"] ?></option> 
<? } ?> 
</select> *</td></tr> 
<tr><td> 留 言 人 :</td> 
<td>< input type = "text" name = "author" value = "<? = $ row[ 'author'];?>"> *</td></tr> 
<tr><td> 联 系 方式 :</td> 
<td>< input type= "text" name = "email" value= "<? = $ row['email'];?>"> *</td></tr> 
<tr><td> 留 言 内 容 :</td>< td>< textarea name = "content" cols= "30" rows= "2"> 
<?= $row['content'];?></textarea></td></tr> 
<tr><td> gnbsp;</td> <td>< input type = "submit" value= " 确 定 "></td></tr> 
</table ></form> 


提示 : multi_query() 函数 会 返回 一 个 布尔 值 , 如 果 执 行 第 1 条 SQL 语句 成 功 就 返回 
True, 和 否则 返回 False, 因 此 ,multi query() 函 数 返回 True 只 能 说 明 第 1 条 SQL 语句 执行 
成 功 , 而 无 法 判断 第 2 条 及 以 后 的 语句 是 否 在 执行 时 发 生 了 错误 。 


6.6 新 闻 网 站 综合 实例 


在 本 节 中 ,我 们 将 把 图 5-30 所 示 的 一 个 静态 网 页 转化 为 动态 网 站 ,也 就 是 向 静态 网 页 
中 绑 定 数据 。 由 于 制作 一 个 完整 的 动态 网 站 要 经 过 数据 库 设计 、 制 作 前 台 页 面 ,制作 后 台 管 
理 程 序 等 步骤 ,工作 量 相当 大 。 因 此 在 实际 中 ,我 们 一 般 是 借用 别人 的 数据 库 和 后 台 管 理 程 
序 , 用 于 添加 、 删 除 和 修改 网 站 中 的 新 闻 内 容 ,这 样 的 后 台 管理 系统 称 为 内 容 管理 系统 
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(CMS) 或 新 闻 管理 系统 。 自 己 只 制作 前 台 页 面 ( 主 要 包括 首页 、 栏 目 首页 和 内 页 三 个 页 
面 ) ,然后 在 这 些 页 面 中 绑 定 动态 数据 ( 即 显示 数据 库 中 的 有 关 数 据 ) 。 
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这 是 第 一 条 新 闻 用 来 测试 
这 是 第 一 条 新 闻 用 来 测试 这 是 第 一 条 新 闻 用 来 测试 这 
le te ei 0 


， EE 


将 被 替换 成 动态 内 容 
rs("title")， 并 将 该 行 
循环 输出 得 到 多 条 新 
闻 


日 这 是 第 一 条 新 轩 用 来 测试 


将 被 蔡 换 成 动态 内 容 rs("title") 


并 将 该 行 循环 输出 


图 5-30 新 闻 网 站 的 静态 首页 


5.6.1 为 网 站 引用 后 台 程序 和 数据 库 


这 里 以 风 诺 新 闻 系统 为 例 ,介绍 在 制作 网 站 时 如 何 利用 它 的 数据 库 和 后 台 程 序 。 首 先 
在 百度 上 搜索 “ 风 诺 新 闻 系统 ”下载 下 来 后 将 其 所 有 文件 解压 到 一 个 目录 内 ,如 E:\Web， 


设置 EE:\Web 为 该 新 闻 系 统 的 网 站 主 目录 (该 目录 下 有 admin 目录 和 data 目录 ), 如 图 5-31 
所 示 。 


文件 @) 编辑 EE) 查看 W) 收 若 @) 工具 G) 帮助 ”| 导 


天 十 加 Eve 司 回转 到 
癌 || 辣 | 辣 辣 国 
Faininl data images ing jsine 


appic bottom asp 。 conmn asp css.css default.asp 


图 5-31 风 诺 新 闻 系统 网 站 主 目录 下 的 内 容 


该 网 站 的 数据 库 文件 为 data 子 目 录 下 的 funonews. mdb。 我 们 使 用 Navicat for 


MySQL 软件 将 该 Access 数据 库 转换 为 MySQL 数据 库 ( 具 体 转换 方法 见 附录 中 ) ,数据 库 
名 为 test。 
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下 面 打开 数据 库 test, 可 发 现 该 数据 库 中 共有 4 个 表 , 分 别 是 Admin、Bigclass、News 和 
SmallClass, 其 中 News 表 存 放 了 网 站 中 的 全 部 新 闻 ,News 表 中 字段 及 含义 如 表 5-3 所 示 。 


表 5-3 News 表 中 的 字段 及 含义 


字 段 名 军 肌 和音 驻 数据 类 型 
ID 新 闻 的 编号 int, 自 动 递增 ,主键 
title 新 闻 标 题 varchar 
content 新 闻 内 容 text 
BigClassName 新 闻 所 属 的 大 类 名 varchar 
SmallClassName 新 闻 所 属 的 小 类 名 (可 不 指定 ) varchar 
imagenum 该 条 新 闻 中 含 的 图 片 数 int 
firstImageName 新 闻 中 第 一 张 图 片 的 文件 名 varchar 
user 新 闻 发 布 者 varchar 
infotime 新 闻 的 发 布 日 期 datetime 
hits 该 条 新 闻 的 单 击 次 数 int 
ok 是 否 将 该 新 闻 作 为 图 片 新 闻 显示 (该 新 闻 中 必须 含有 图 片 ) | tinyint 


说 明 : 新 闻 系 统 中 的 所 有 新 闻 是 按 栏目 分 类 的 。 因 此 每 条 新 闻 中 必须 有 一 个 
BigClassName 字段 ,以 标注 该 新 闻 属 于 哪个 栏目 。 一 个 新 闻 网 站 的 结构 及 其 对 应 页 面 如 
图 5-32 所 示 。 


新 闻 网 站 首页 
-一 一 
栏 s 


图 5-32 新 闻 网 站 的 结构 及 其 对 应 页 面 


网 站 目录 下 的 其 他 文件 是 用 该 CMS 制作 的 一 个 示例 网 站 ,其 中 default. asp 为 该 网 站 
的 首页 ,otype. asp 为 该 网 站 的 栏目 首页 ,funonews. asp 为 该 网 站 的 内 页 。css. css 为 该 网 
站 的 样式 表 文件 。top. asp、bottom. asp 和 left. asp 为 该 网 站 各 页 面 调用 的 头 部 .尾部 和 左 
侧 文件 。 我 们 可 以 将 这 些 文件 都 删除 ,只 保留 admin 子 目录 (后 台 管 理 系 统 所 在 目录 )。 

接 下 来 ,进入 风 诺 新 闻 系 统 的 后 台 创建 我 们 网 站 的 栏目 ,并 在 每 个 栏目 中 添加 几 条 新 
闻 。 后 人 台 登 录 的 网 址 是 http://localhost/admin/adminlogin. asp ,使 用 默认 用 户 名 “funo” 和 
密码 “funo” 即 可 登录 进入 如 图 5-33 所 示 的 新 闻 后 台 管理 界面 。 

在 这 里 ,首先 选择 “管理 新 闻 类 别 ” 创 建 网 站 应 具有 的 栏目 ,如 “通知 公告 ”“* 系 部 动态 ” 
“学 生 园地 ”等 ,还 可 以 在 这 些 栏目 下 再 选择 “添加 二 级 分 类 ”来 创建 小 栏目 。 将 网 站 栏目 创 
建 好 之 后 ,就 可 以 选择 左 侧 的 “添加 新 闻 内 容 ” 为 每 个 栏目 添加 几 条 测试 新 闻 , 只 要 在 添加 新 
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闻 时 将 这 些 新 闻 的 “新 闻 类 别 ” 选 择 为 不 同 的 栏目 即 可 。 这 样 这 些 新 闻 就 保存 到 了 News 
表 中 。 


怠 人 文 社会 科学 系 网 站 => 后 台 管 理 - Wicroseft Internet Erplerer 
文件 四” 编辑 上 查看 QI) 收 亭 和 ) 工具 GD) 帮助 四 
焉 证 加 | 改 http://1ocslhost/ Fono/adnin/ adnin asp 


5-33 ”网 站 后 台 管 理 界面 


5.6.2 在 首页 显示 数据 表 中 的 新 闻 


为 了 在 网 页 上 显示 数据 库 中 的 新 闻 ,必须 先 要 连接 数据 库 , 本 系统 采用 mysqli 函数 连 
接 数据 库 ,将 连接 数据 库 的 代码 写 在 conn. php 中 ,以 供 其 他 页 面 调用 。 代 码 如 下 : 


<? $conn=newmysqli(); 
$ conn—> connect('localhost', 'root', '111°'); 
$ conn 一 > select db( 'test'); 
$ conn 一 > query('set names gb2312'); 

?> 


在 首页 的 各 个 栏目 中 显示 这 个 栏目 的 新 闻 是 通过 显示 结果 集中 记录 实现 的 。 例 如 ,要 
显示 “通知 公告 "栏目 中 的 最 新 6 条 新 闻 , 可 以 执行 下 面 的 查询 来 创建 结果 集 。 

$result = $ conn—>query("select x from news where Bigclassname = ' 通 知 公告 'order by ID desc 

limit 6"); 

接 下 来 就 可 以 循环 输出 该 结果 集中 的 6 条 新 闻 到 页 面 。 而 要 显示 “学 生 工 作 ” 栏 目的 新 
闻 ,就 必须 执行 一 个 不 同 的 查询 ,因此 需要 一 个 新 的 结果 集 来 实现 。 为 了 得 到 一 个 新 结果 
集 , 有 两 种 方法 ,一 种 是 创建 一 个 新 的 结果 集 对 象 如 $ result2; 另 一 种 方法 是 将 原来 的 结果 
集 关 闭 ,再 用 原来 的 结果 集 对 象 $ result 打开 一 个 新 结果 集 。 例 如 : 


<? $result->close(); // 关 闭 语 句 也 可 省 略 ,mysqli 函数 会 自动 关闭 
$result= $ conn -> query("select * from news where Bigclassname = ' 学 生 工作 'order 
by ID desc limit 6"); 

?> 


使 用 第 二 种 方法 内 存 中 只 需 保存 一 个 结果 集 对 象 ,更 节约 资源 ,因此 推荐 使 用 。 那 么 在 


首页 显示 新 闻 的 过 程 是 : @ 为 第 一 个 栏目 创建 结果 集 ,然后 循环 输出 结果 集中 记录 到 该 栏 
目 框 中 ; @ 为 第 二 个 栏目 创建 结果 集 ,再 循环 输出 记录 到 第 二 个 栏目 框 ,如 此 循环 。 因 此 ， 
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首页 上 有 几 个 栏目 就 创建 几 个 结果 集 , 代 码 如 下 ,运行 结果 如 图 5-34 所 示 。 


<div id= "main"> 
<div id= "pic"> 
<? require( 'conn. php'); 
include( 'flasha. php'); // flasha. php 用 来 载 入 图片 轮 显 框 ,具体 代码 见 5.6.3 节 
?></div> 
<div id= "xbdt"> 
<h2 class = "lanmu"><a href = "otype.php?owenl = 近期 工作 "></a> 系 部 动态 </h2 > 
< 
$ result = $ conn—> query("select * from news where bigclassname in( ' 规 章 制度 ', ' 学 生 工 作 ', 
' 德 育 园地 ',' 科 研 成 果 ', ' 近 期 工作 ', "图片 新 闻 ') order by ID desc limit 7 "); 
$row= $ result 一 > fetch assoc(); ?> 
<! -- 将 最 新 的 一 条 新 闻 以 h3 标题 的 形式 突出 显示 在 系 部 动态 栏目 上 方 -~-> 
<h3 align = "center"><? = Trimtit( $ row[ 'title'],12)?></h3 > 
<p><a href = "ONEWS. php?id= <? = $ row[ 'ID']?>"> 
<? = Trimtit(strip_ tags( $ row[ 'content']), 40) ?></a> [<? = noyear( $ row[ 'infotime'])?>)]</p> 
<ul> <? // 显 示 系 部 动态 栏目 框 中 的 6 条 新 闻 
for($i=0;$i<6;$i++) { 
$row= $ result 一 > fetch assoc();?> 
<1i class = "xinwen"><b style = "float:right;"><? = noyear( $ row[ 'infotime'])?></b> 
<a href = "onews.php?id= <? = $ row['ID']?>"><? = Trimtit( $ row[ 'title'], 20)?></a></1i> 
<? } 
$ result -> close(); 
$result = $ conn—> query("select * from news where Bigclassname = ' 近 期 工作 'order by ID 
desc limit 6"); // 为 通知 公告 栏目 创建 结果 集 
?> 
</ul ></div> 
<div id = "tzgg"> 
<h2 class = "lanmu"><a href = "otype.php?owenl = 近期 工作 "></a> 通 知 公告 </h2 > 
<ul><? 
for($i=0;$i<6; $i++) { 
$row= $result —>fetch assoc();?> 
<liclass="xinwen"><b style= "float:right;"><? = noyear( $ row[ 'infotime'])?></b> 
<a href = "onews. php?id= <? = $ row[ 'ID']?>"><? = trimtit( $ row[ 'title'], 20)?></a></1i> 
<?} 
$ result 一 > close(); 
$ result = $ conn—> query("select * from news where Bigclassname = ' 学 生 工 作 'order by ID 
desc limit 6") // 为 学 生 工作 栏目 创建 结果 集 
?> 
</ul ></div> 
<div id= "xsyd"> 
<h2 class = "lanmu"><a href = "otype.php?owenl = 学 生 工 作 "></a> 学 生 工作 </h2 > 
<ul><? 
for($i=0;$i<6;$it+) { 
$row= $result—>fetch assoc();?> 
<1i class = "xinwen"><b style= "float:right;"><? = noyear( $ row[ 'infotime'])?></b> 
<a href = "onews.php?id= <? = $ row[ 'ID']?>"><? = trimtit( $ row[ 'title'],20)?></a></1i> 
Sp 
$ result 一 > close(); 
$result= $ conn 一 > query("select * from NEWS where firstImageName <>'' order by ID DESC 
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‘ms) 


ee 
?> 
</ul ></div> 


// 为 图 片 滚动 栏目 创建 结果 集 
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号 爱 我 雁 城 ， 爱 我 师 院 一 一 人 文系 打响 校园 “ 畅 … 
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图 5-34 新 闻 版 块 最 终 效果 图 


将 图 5-34 与 图 5-30 相 比 ,可 看 出 图 5-30 中 显示 静态 文字 的 地 方 被 替换 成 
数据 ,这 称 为 绑 定 数据 到 页 面 。 由 于 每 条 新 闻 位 于 
循环 体 是 < li >…</li>。 

上 述 代码 中 还 调用 了 三 个 函数 , 即 裁剪 字符 串 长 度 的 Trimtit() 函 数 ( 见 例 3. 7) .去除 
HTML 标记 的 PHP 内 置 函 数 strip_tags()、 去 除 日 期 前 年 份 的 函数 noyear(str) 。noyear 
Cstr) 的 代码 如 下 : 


输出 动态 
-个 <1i> 标 记 内 ,因此 循环 输出 新 闻 的 


<? function noyear( $ str) { 
return substr( $ str,5,5); 
} 
?> 


为 了 使 本 网 站 中 所 有 网 页 都 能 调用 这 些 函 数 .应 将 这 些 函 数 代 码 写 在 conn. php 文件 中 。 
上 述 代码 调用 的 CSS 代码 如 下 ,主要 是 设置 4 个 栏目 框 浮动 和 设置 标题 栏 背景 图 片 。 


<style type= 


"text/css"> 


#pic, #xbdt, # tzgg, # xsyd { 
border:1px solid # CC6600; 
width: 335px; 
padding:2px 6px 10px; 
float:left; 
| 


#main { 


/* 4 个 栏目 框 */ 
background:white; 


margin:4px; 


/* 使 4 个 栏目 框 都 浮动 */ 
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的 。 


background: # e8eadd; padding: 4px;} 

#main .lanmu { 
background:url( images/title- bg3. jpg) no- repeat 2px 2px; /* 设置 栏目 标题 背景 图 案 * / 
padding:8px Opx 0px 40px; 
font 一 size:14px; color:white; 
margin:0; height :32px;} 

#main .lanmua{ 
background:url( images/more2. gif) no— repeat; /* 设 置 超 链 接 的 背景 为 "more" 图 标 */ 
float:right; /设置 "more" 图 标 右 浮动 x*/ 
width:37px; height:13px; 
margin ~— right :4px; } 

#main #xbdt h3 { 
font: 24px "黑体 "; color: #900; /* 设 置 首 条 新 闻 的 标题 样式 */ 
margin:0px 4px 4px; } 

#main #xbdt p { 


margin: 4px; 
font: 13px/1.6 "宋体 "; color:#06C; text— indent:2em; 
border - bottom: 1px dashed #900; /* 设 置 首 条 新 闻 与 下 面 新 闻 的 虚线 * / 
I; 
#main .xinwen { 
height :24px; line— height:24px; 


background:url( images/article_common. gif) no 一 repeat 6px 4px; /x* 新 闻 前 的 小 图 标 */ 
font — size:12px; 
padding:0 6px 0 22px;} 
.xinwen b { float: right; /* 每 条 新 闻 的 日 期 显示 在 右 侧 * / 
}; 
ul{ margin:0; padding:0; list— style:none; } 
a{ color: #333; text - decoration: none; } 
a:hover { color: #900; } 
</style> 


5.6.3 制作 动态 图 片 轮 显效 果 
1. pixviewer. swf 文件 的 原理 


在 图 5-34 中 ,第 一 个 栏目 框 中 图 片 轮 显 效果 是 通过 包含 一 个 flasha. php 的 文件 实现 
该 文件 需 调用 一 个 pixviewer. swf 的 文件 ,pixviewer. swf 是 个 特殊 的 Flash 文件 ,用 来 


实现 图 片 轮 显 框 。 它 可 以 接受 两 组 参数 ,第 一 组 参数 包括 pics、links 和 texts, 用 于 设置 轮 显 
图 片 的 URL 地 址 、 图 片 的 链接 地 址 及 图 片 下 的 说 明文 字 。 例 如 : 


var pics = "uppic/1. gif | uppic/2.gif | uppic/3.gif | uppic/4.gif | uppic/5.gif" 
var links = "onews. php? id = 88 | onews. php? id = 87 | onews. php? id = 86 | onews. php? id=8 | 
onews. php?id= 7" 


var texts = " 爱 我 雁 城 、 爱 我 师 院 | 国 培 计划 | 青春 舞动 | 长 春花 志愿 者 协会 | 朝 花 夕 拾 , 似 水 流年 " 


这 三 个 参数 的 值 都 是 字符 串 ,其 中 pics 参数 指定 了 和 欲 载 人 图片 的 URL, 这 里 使 用 了 相 


对 URL, 共 设置 了 5 个 图 片 文件 的 路 径 ( 最 多 可 设置 6 个 )。 各 图 片 路 径 之 间 必 须 用 “| ”号 
隔 开 (最 后 一 幅 图 片 后 不 能 有 “1”) 。links 参数 和 texts 参数 分 别 定义 了 单 击 图 片 时 的 链接 
地 址 和 图 片 下 的 说 明文 字 , 其 格式 要 求 和 pics 参数 相同 。 上 述 代 码 载 人 了 5 幅 图 片 轮 显 并 
定义 了 它们 的 链接 地 址 和 说 明文 字 。 
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2. 轮 显 动态 图 片 的 方法 


上 述 将 5 张 图 片 URL 地 址 直接 写 在 pics 变量 中 的 做 法 只 能 固定 地 显示 这 5 张 图 片 。 
而 在 新 闻 网 站 中 ,要 能 自动 显示 最 新 的 5 条 新 闻 中 的 图 片 。 为 此 ,必须 能 从 News 表 中 读 取 
最 新 的 5 条 具有 图 片 的 新 闻 记 录 , 将 记录 的 相关 字段 值 填充 到 这 三 个 参数 中 去 。 因 为 
News 表 中 的 firstImageName 字段 保存 了 新 闻 中 第 一 张 图 片 的 文件 名 ,而 这 些 新 闻 中 的 图 
片 都 保存 在 uppic 目录 中 ,因此 可 以 采用 如 下 语句 为 pics 添加 每 幅 图 片 的 URL 路 径 。 


$ pics. = "uppic/". $ row[ 'firstImageName']. "|"; 


而 本 新 闻 系 统 中 所 有 的 新 闻 都 是 链接 到 同一 页 面 onews. php, 只 是 所 带 的 参数 为 该 条 
新 闻 的 id 字段。 因此 设置 links 参数 的 语句 如 下 : 


$ links. = "onews. php?id= ". $ row[ 'ID']."|"; 


texts 参数 只 要 装载 每 条 新 闻 的 标题 即 可 ,但 要 把 标题 长 度 限 制 在 16 个 字符 以 内 。 


$ texts. = Trimtit( $ row[ 'title'],16)."|"; 


下 面 是 从 数据 库 中 读 取 5 条 具有 图 片 的 记录 ,并 设置 pics、links、texts 参数 ,实现 轮 显 
动态 图 片 的 代码 (flasha. php) : 


<script> 
var pics="", links="", texts=""; 
<? // 用 select 语句 查询 5 条 最 新 的 新 闻 且 新 闻 中 图 片 不 为 空 
$ sql = " select * from news where firstImageName <>''and ok = true order by ID desc limit 5"; 
$result= $ conn—> query( $ sql); 
while( $ row = $ result -> fetch assoc()){ 
$ pics. = "uppic/". $ row[ 'firstImageName']. "|"; 
$ links. = "onews. php?id=". $ row[ 'ID']."|"; 
$ texts. = Trimtit( $ row[ 'title'],16)."|"; 


$ pics= substr( $ pics,0, -1); // 去 除 最 后 一 条 记录 后 的 "|" 
$ links = substr( $ links,0, — 1); 
$ texts = substr( $ texts,0, -1); ?> 

var pics= "<?= $pics ?>"; 

var links = "<?= $1inks ?>"; 

var texts = "<? = $texts ?>"; 


</script> 


说 明 : 创建 结果 集 时 选择 了 图 片 不 为 空 且 允许 作为 图 片 新 闻 显示 的 5 条 记录 。 在 输出 
记录 时 ,记录 之 间 必 须 添加 分 隔 符 “|”, 但 最 后 一 条 记录 之 后 不 能 有 分 隔 符 “|”, 为 此 ,通过 
substr 函数 将 最 后 一 条 记录 后 的 |” 去除 。 


3. 设置 图 片 轮 显 框 的 大 小 
第 二 组 参数 用 来 定义 该 图 片 轮 显 框 及 其 说 明文 字 的 大 小 。 它 有 4 个 参数 ,例如 : 
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var focus_width = 336 // 定 义 图 片 轮 显 框 的 宽 
var focus_height = 224 // 定 义 图 片 轮 显 框 的 高 
var text_height = 14 // 定 义 下 面 文字 区 域 的 高 


var swf_height = focus_height + text_height  // 定 义 整个 FLash 的 高 
只 要 修改 这 些 参 数 , 就 能 使 图 片 轮 显 框 改变 成 任意 大 小 显示 。 
4. 其 他 设置 


下 面 还 有 一 些 代码 ,是 用 来 插入 pixviewer. swf 这 个 Flash 文件 到 网 页 中 ,并 对 其 设置 
参数 的 代码 。 这 有 段 代码 不 需要 做 多 少 修改 ,只 要 保证 引用 pixviewer. swf 文件 的 URL 路 径 
正确 ,还 可 以 设 定 文字 部 分 的 背景 颜色 。 找 到 第 2 个 document. write, 粗 体 字 为 设置 的 
地 方 。 


document. write( '< param name = "allowScriptAccess" value = "sameDomain">< param name = "movie" 
value = "images/pixviewer. swf">< param name = "quality" value = "high">< param name = "bgcolor" 
value = "#ffffff">'); 


该 图 片 轮 显 框 默认 会 有 1 像素 灰色 的 边框 ,如果 要 去 掉 边 框 ,可 以 找到 第 4 个 
document. write, 做 如 下 修改 就 可 以 了 。 
document. write( '< param name = "FlashVars" value = "pics = '+ pics + '&links = '+ links + '&texts = 


'+texts+ '&borderwidth = '+ (focus_width + 2) + '&borderheight = '+ (focus_height + 2) + 
'&textheight = '+ text_height + ">'); 


5.6.4 制作 显示 新 闻 详 细 页 面 


新 闻 详 细 页 面 实际 上 就 是 显示 一 条 记录 的 页 面 , 它 首 先 获 取 前 一 页 面 传 过 来 的 记录 
ID, 找 到 ID 对 应 的 新 闻 后 ,将 要 显示 的 字段 用 不 同 的 样式 输出 到 页 面 的 对 应 位 置 上 ,如 
图 5-35 所 示 。 例 如 title 字段 以 24px 红色 字体 显示 在 页 面 上 方 , 而 content 字段 以 正常 字 
体 显示 在 页 面 中 央 。 


施 细则 - 
文件 编辑 于 查看 W 收藏 和 ) 工具 I) 帮助 四 
天 让 加 jj 多 http://1ocalhost/php/8/ 


首页 系 专 


当前 位 置 : 首页 > 规章 制度 
| 
不 过 AN 实 1 
$row[user] | S$row[infotime] | 


双击 自动 滚 习 S$row['content] 发 布 者 : 人 文 社 s 们 学 东 发 布 时 间 : 201042A9 阅 康 : 
> 和 健全 系 务 公开 制度 是 做 季 系 务 公开 的 基础 和 前 提 ， 我 系 从 实际 出 发 ， 做 到 统一 领 
入 务 公开 的 真实 慰 、 


驳 ,。 并 让 实际 工 作 中 个 断 健全 和 完 责 工作 机 制 , 加强 z 么 务 公开 的 真 
图 5-35 显示 新 闻 详细 页 面 
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1. 显示 新 闻 的 制作 


新 闻 详 细 页 面 首先 应 使 用 $ _GETL'id'] 获 取 其 他 页 超 链 接 中 传 过 来 的 ID 参数 。 再 根 
据 该 ID 构造 Select 语句 找到 这 条 新 闻 。 然 后 将 新 闻 中 的 各 个 字段 存 人 到 数组 $row 中 。 
代码 如 下 : 

<? requirel( 'conn. php'); 


$ id= intval( $ _GET[ 'id']); 
$ sql = "select * from news where id= $ id"; 


$ result = $ conn—> query( $ sql); // 根 据 记 录 ID 创建 结果 集 
if( $ result 一 > num_rows>0){ 

$row= $result —>fetch assoc(); wa 
?> 


接 下 来 ,就 可 以 将 该 条 记录 的 各 个 字段 输出 到 页 面 的 相应 位 置 , 主 要 代码 如 下 : 


<title><? = $ row[ 'title'] ?></title> <! -- 将 title 字 段 显示 在 页 面 标题 中 --> 

“<hl><?= $row[ 'title'] ?></hl > 

当前 位 置 :< a href = " index. php"> 首 页 </a > &gt; < a href = "otype. php? owenl = <? = $row 
['bigclassname'] ?>"><? = $row['bigclassname'] ?> 

发 布 者 :<? = $ row[ 'user'] ?> 发 布 时 间 :<? = notime( $ row[ 'infotime'])?> 阅读 :< font color ="## 
ffcc00"><? = $row['hits'] ?></font> 次 

<div style= 'font— size:7.5pt> 

<hr width= "700" size= "1" color = CCCC99 > 

<? = $row['content'] ?></div> 


显示 完结 果 集 后 ,必须 将 结果 集 和 数据 库 连 接 关 闭 ,否则 可 能 会 影响 网 站 内 其 他 页 面 的 
厢 过 度 ， 关闭 结果 集 和 数据 库 连 接 的 代码 如 下 : 


<? $result—->close(); 
$ conn—>close(); 
2 


2.“ 上 一 条 ”下 一 条 ”新 闻 链 接 的 制作 


在 显示 新 闻 页 面 中 ,“ 上 一 条 ”链接 可 以 链接 到 该 新 闻 所 属 栏目 中 的 上 一 条 新 闻 ,“ 下 一 
条 ”链接 则 转 到 同 栏目 中 的 下 一 条 新 闻 , 如 图 5-35 所 示 。 虽 然 这 种 功能 对 于 新 闻 网 站 来 说 
并 不 是 十 分 必要 ,但 对 于 博客 类 网 站 来 说 却 是 不 可 或 缺 的 ,因为 我 们 通常 都 是 通过 单 击 “ 下 
一 条 ”链接 来 一 条 条 查看 博客 主人 的 日 志 。 

制作 的 思路 如 下 :“ 上 一 条 ”链接 是 要 找到 本 栏目 中 上 一 条 新 闻 的 ID 值 。 这 不 能 通过 
将 本 条 新 闻 的 ID 值 减 1 实现 ,因为 这 样 得 到 的 ID 值 对 应 的 新 闻 可 能 是 其 他 栏目 的 新 闻 , 甚 
至 可 能 是 已 经 被 删除 了 的 新 闻 ( 删 除 记录 后 其 ID 值 不 会 被 新 添加 的 记录 所 占用 )。 而 应 该 
通过 一 个 查询 语句 ,找到 在 同一 栏目 (bigclassname) 中 所 有 ID 值 比 该 新 闻 的 ID 值 小 的 记 
录 ,再 对 这 些 记录 进行 逆序 排列 , 取 其 中 ID 值 最 大 的 一 条 ,也 就 是 逆序 排列 后 结果 集中 的 第 
一 条 记录 。 

因此 ,首先 要 通过 ID 找到 该 条 记录 对 应 的 大 类 名 (bigclassname), 将 其 保存 到 变量 
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$bcn 中 ,然后 关闭 结果 集 , 再 新 开 一 个 查询 上 一 条 新 闻 ID 和 title 的 结果 集 。 代 码 如 下 : 


<? require( 'conn. php'); 

$ id= intval( $ _GET[ 'id']); 

$ sql = "select bigclassname from news where ID= $ id "; // 根 据 记录 ID 找到 大 类 名 

$result = $ conn 一 > query( $ sql); 

$row= $ result 一 > fetch row(); 

$ bcn= $ row[0]; // 找 到 该 大 类 中 与 该 记录 相 邻 的 上 一 条 记录 

$ sql = "select ID,title from news where ID < $ id and Bigclassname = ' $ bcn' order by ID desc 
limit 1"; $result= $ conn—> query( $ sql); 


if( $result —>num rows==0) // 如 果 结 果 集 为 空 
$ pret = 0; // 令 $ pret 为 0 表示 上 一 条 记录 没有 了 
else { 


$row= $result 一 > fetch assoc(); 
$ pret = $ row[ 'ID']; 
$ pretit = $ row[ 'title'];} 
$ sql = "select ID, title from news where ID > $ jd and Bigclassname = ' $ bcn' order by ID limit 1"; 
$result= $ conn 一 > query( $ sql); 
if( $result —> num rows == 0) 
$ nextt = 0; // 令 $ nextt 为 0 表示 下 一 条 记录 没有 了 
else{ 
$row= $result —> fetch assoc(); 
$ nextt = $ row[ 'ID']; 
$ nexttit = $ row[ 'title'];} 
?> 


接 下 来 ,在 页 面 上 输出 * 上 一 条 ”下 一 条 ”及 “当前 位 置 ”的 链接 ,代码 如 下 : 


<? if($ nextt<>0){ // 如 果 有 下 一 条 记录 
?> 
<atitle="<?= $nexttit ?>" style= "float:right;padding — right:16px;" href = "onews. 
php?id=<? = $nextt ?>"> 下 一 条 &gt;&gt;</a> 
<? } 
if( $ pret <>0) { // 如 果 有 上 一 条 记录 
> 
<atitle= "<? = $pretit ?>" style ="float:right;padding - right:16px;" href = "onews. 
php?id=<? = $ pret ?>">&lt;&lt; 上 一 条 </a> 
<? } ?> 
当前 位 置 :<a href = "index.php"> 首 页 </a> &gt; 
<a href = "otype.php?owenl =<? = $bcn ?>"><? = $bcn?></a> 


3. 记录 新 闻 的 单 击 次 数 


只 要 将 下 面 的 语句 放 在 页 面 的 适当 位 置 , 用 户 每 打开 一 次 该 页 面 ,就 会 使 hits 值 加 1。 


<? $sql="update news set hits= hits+1 where id= $ id"; 
$ conn—> query( $ sql); ?> 


第 5 章 ” PHP 访问 数 据 库 i) 


5.6.5 制作 栏目 首页 
栏目 首页 用 来 只 显示 一 个 栏目 中 的 新 闻 , 如 图 5-36 所 示 。 


汪 省 用 师范 学 院 人 文 社会 科学 系 一 科研 成 果 - icrosoft Internet Explorer 
文件 有 ”编辑 人 E) 查看 WW) 收藏 人 工具 上 帮助 0 
于 寻 加 | 乱 http: /ohost/php/8/example/8.1/renmen/otype_ php?ovenl= 科 研 成 果 


系 部 概况 专业 介绍 最 新 可 


六 由 教学 科研 作 ”规章 制度 


学 科 建 设 


”科研 成 果 


田 “ 湖 南 师 范 大 学 博士 生 导师 莫 志 斌 教授 应 游 来 我 系 讲 学 [2010-10-22] ( 辐 读 95 次 ) 

和 可 项 目 斩 计 田 ” 人 文 社会 科学 系 2003-2006 年 学 术 成 果 统 计 表 [2006-12-24] (阅读 1982 次 ) 

es 田 湘潭 大 学 李 太一 教授 应 洲 末 我 系 作 形势 与 政策 报告 [2006-06-19] ( 癌 读 1189 次 ) 
专家 讲学 田 ” 《人生 暂 理 获 论 〉-- 一 - 席 建 平 著 。[2005-06-21] ( 同 读 1568 次 ) 

田 ” (嬉子 人 格 论 ) -一 -一 | 麻 建 平 著 ”[2005-06-21] (阅读 1661 次 ) 


学 术 专著 
4 田 ”大 学 生 思想 品德 课 “ 六 课 型 ”教学 的 理论 与 实践 思考 [2005-06-14] (阅读 1947 次 ) 


左 侧 子 栏目 导航 首页 上 一 页 下 一 页 尾 页 页 次 : 1 / 1 页 共 6 条 记录 ! 条 记录 /页 转 到 : ”| [ES 


OT OO EE 、 仙人 人 hn 人 信人 和 se an | 


图 5-36 分 栏目 首页 


当 用 户 单 击 导航 条 上 的 某 个 导航 项 或 栏目 框 上 的 more 图 标 时 ,都 将 链接 到 栏目 首页 ， 
并 将 栏目 名 以 URL 参数 的 形式 传递 给 该 页 。 因 此 ,栏目 首页 首先 要 获取 栏目 名 ,在 网 页 左 
侧根 据 栏目 名 显示 子 栏目 列表 的 代码 如 下 : 


<? $owenl= $_GET["owenl"]) // 获 取 首页 传 来 的 栏目 名 
$ owen2 = $ _GET[ "owen2"]; // 获 取 首 页 传 来 的 子 栏目 名 
// 根 据 一 级 栏目 名 显示 下 面 的 子 栏目 名 
$result= $conn—>query("Select * From SmallClass Where BigClassName = '$ owenl'"); 
if ($result—>num rows>0){ 
while( $row= $ result 一 > fetch assoc()){ ?> 

<tr bgColor = # EFEFEF > x1== 一 行星 示 一 个 于 栏目 各 ==> 

<td height = "25" align= "center" bgcolor = "#EFEAD8" > 
<a href = "otype. php?owenl = <? = $ owenl ?> &owen2 =<? = $row["SmallClassName"] ?>"> 
<b><? = $row["SmallClassName"] ?></b></a></td> </tr> 
I} 2 


在 网 页 右 侧 根据 栏目 名 执行 查询 得 到 该 栏目 新 闻 记录 的 列表 并 显示 。 代 码 如 下 : 


<? if( $ owenl <>"" && $ owen2 <>"") // 如 果 获 取 的 一 级 栏目 和 二 级 栏目 名 都 非 空 

$ sql = "select * from news where BigClassName = '$ owenl' and SmallClassName = '$ owen2' order 
by ID desc"; 

else if ( $ owenl <>"") // 如 果 获 取 的 一 级 栏目 名 不 为 空 , 则 根据 一 级 栏目 名 查询 

$ sql="select * from news where BigClassName = '$ owenl' order by ID desc"; 

$result = $ conn 一 > query( $ sql); 

$ RecordCount = $ result 一 > num rows; 

?> 


接 下 来 就 是 循环 输出 该 结果 集 所 有 记录 的 标题 和 日 期 等 字段 到 页 面 上 。 
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由 于 每 个 栏目 的 记录 可 能 有 很 多 ,因此 图 5-36 中 的 分 栏目 首页 还 具有 分 页 的 功能 ,分 
页 功能 请 读者 仿照 5. 4. 2 节 中 介绍 的 方法 实现 。 


5.6.6 ”FCKeditor 的 使 用 


我 们 编辑 新 闻 时 ,如 果 用 表单 中 的 多 行文 本 域 , 则 只 能 在 其 中 输入 纯 文 本 ,如 果 要 对 这 
些 文本 进行 网 页 排版 ,很 不 方便 ,为 此 ,人 们 开发 了 在 线 编辑 器 软件 ,这 些 在 线 编辑 器 可 以 像 
DW 的 设计 视图 一 样 对 新 闻 内 容 中 的 文字 和 图 片 进行 排版 ,使 新 闻 以 美观 .适合 阅读 的 版 式 
显示 出 来 。 

FCKeditor 是 目前 最 流行 的 “所 见 即 所 得 ”的 在 线 编辑 器 , 它 具 有 功能 强大 、 体 积 小 巧 、 
跨 浏览 器 ,支持 多 种 Web 编程 语言 等 特点 。 本 节 以 FCKeditor 2. 6. 8 版 本 为 例 ,结合 新 闻 
发 布 系统 讲解 FCKeditor 的 使 用 。 

在 百度 上 搜索 “FCKeditor 下 载 ” ,将 下 载 的 压缩 文件 FCKeditor_2. 6. 8 解压 到 新 闻 发 
布 系统 的 根 目 录 下 即 可 ,FCKeditor 的 目录 结构 如 图 5-37 所 示 。 


文件 四 编辑) 查看 WD 收 豪 和 ) 工具 CD) 帮助 中 


QA © FP wx | 


号 娃 @@) SD: \Downl oad\nr \B\example\B. 1\fckeditor 加 
sples |! 时 editor @ cr 
ESiseditor 了 fcjkeditor lasso N fckeditor. php 
seript Script pid LASS0 文件 PIP 文件 
如 | 加 | 此 国 |% 

团 

国 


£ xml 
i 
14 班 


fckeditor_php4, php fckeditor_php5. php 
PHP 文件 图 PIHF 文件 
了 到 7 了 理 


fckstyles, xml Ss ates xml 
XML 文档 5 
4 


二 BD 


Efckutils. cfm 
CPM 文件 
1 


图 5-37 FCKeditor 的 目录 结构 


fckeditor 文件 夹 下 比较 重要 的 目录 和 文件 有 : Qeditor 目录 定义 了 编辑 器 的 CSS 样式 
表 、 皮 肤 文件 图片 以 及 文件 上 传 程序 等 文件 ; @_samples 目录 提供 了 FCKeditor 的 示例 程 
序 ; @fckeditor_php5. php 是 PHP 程序 实例 化 FCKeditor 的 类 文件 ; @fckconfig. js 是 
FCKeditor 工具 栏 集合 的 配置 文件 ,这 两 个 文件 对 于 我 们 配置 和 使 用 该 编辑 器 具有 至 关 重 
要 的 作用 。 


1. 调用 fckeditor 编辑 器 


fckeditor_php5. php 代码 中 定义 了 一 个 FCKeditor 类 ,调用 FCKeditor 编辑 器 必须 先 
用 该 类 创建 一 个 实例 化 对 象 。 而 创建 FCKeditor 类 的 实例 必须 先 载 人 FCKeditor 类 文件 。 
例如 : 

<? include("fckeditor/fckeditor php5.php") ; // 载 入 FCKeditor 类 文件 


$ oFCKeditor = new FCKeditor( 'content') ; // 创 建 FCKeditor 类 的 实例 
?> 


第 5 章 PHP 访问 数 据 库 


接 下 来 ,设置 FCKeditor 实例 的 根 目录 以 及 FCKeditor 实例 其 他 成 员 属 性 的 值 ,最 后 用 
Create() 方 法 创建 编辑 器 ,以 5. 3. 5 节 中 新 闻 编辑 页 面 editform. php 为 例 ,将 该 程序 中 的 代 
码 片段 : 


< textarea name = "content" cols = "30" rows = "2"><? = $ row[ 'content'];?></textarea> 


替换 为 : 
<? include("fckeditor/fckeditor php5.php") ; // 载 入 FCKeditor 类 文件 
$ oFCKeditor = new FCKeditor( 'content') ; // 创 建 FCKeditor 类 的 实例 
$ oFCKeditor ~ > BasePath = 'fckeditor/'; // 设 置 FCKeditor 目录 地 址 为 当前 目录 下 的 
//fckeditor 目录 ,这 样 FCKeditor 才能 找到 
// 它 的 相关 资源 文件 
$ oFCKeditor 一 > Width= '95 % '; // 设 置 显示 宽度 
$ oFCKeditor — > Height = '400px'; // 设 置 显示 高 度 
$ oFCKeditor -> Value = $ row[ 'content']; // 设 置 编辑 器 的 值 ,将 显示 在 编辑 器 中 
$ oFCKeditor ~- > Create() ; // 创 建 编辑 器 
?> 


通过 更 新 链接 进入 editform. php 页 面 的 运行 结果 如 图 5-38 所 示 。 


更 新 留言 
留言 标题 ， | 国民 - 洲 | * 
留言 人 ， FS * 


联系 方式 ， shemo@qq. com * 
留言 内 容 ， ETETTDIIIEMETETTT CE TYN 
切换 到 古 6 而 加 国志 加 后 
源 代码 外 B Z wl* x = 二 证 1 省 要 当时 ji 
样式 | 站 ] 格式 问 # 体 [ 人 -大 小 上 


o 


图 5-38 ”将 FCKeditor 编辑 器 嵌入 到 editform. php 页 面 中 


说 明 : 一 个 FCKeditor 编辑 器 实例 和 普通 的 表单 控件 一 样 ,也 具有 name 属性 和 value 
属性 ,上 例 中 编辑 器 的 name 属性 值 为 content, 是 通过 new FCKeditor( 'content') 设 置 的 ， 
value 属性 值 为 $row[ 'content'], 是 通过 $oFCKeditor-> Value 属性 来 设置 。 因 此 ,要 获取 
该 编辑 器 中 的 内 容 , 可 以 用 $ content 二 $_POST["content"] 来 获取 ,要 在 该 编辑 器 中 显示 
内 容 , 可 以 通过 $ oFCKeditor-> Value= ' 要 显示 的 内 容 ' 语 句 来 实现 。 

对 于 5. 3.2 节 中 新 闻 添 加 页 面 addform. php, 也 可 以 使 用 上 述 方法 将 多 行文 本 域 替 换 
成 FCKeditor 编辑 器 ,只 是 因为 新 闻 添 加 页 面 中 的 新 闻 内 容 为 空 ,因此 不 需要 设置 
$ oFCKeditor-> Value 属性 的 值 。 


2. 配置 fckeditor 编辑 器 的 文件 上 传 功 能 
FCKeditor 编辑 器 内 置 了 文件 管理 功能 .使 得 用 户 能 够 上 传 图 像 或 文件 , 它 的 文件 管理 


ma) 
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程序 放 在 “editor/filemanager/ ”目录 下 ,FCKeditor 提供 了 文件 浏览 和 文件 快速 上 传 功 能 ， 
“文件 浏览 ?为 用 户 提供 了 三 种 功能 : 浏览 服务 器 上 已 存在 的 多 媒体 文件 、 在 编辑 器 中 浏览 
多 媒体 文件 以 及 上 传 本 地 文件 到 服务 器 。 “快速 文 件 上 传 ”为 用 户 提 供 了 快速 上 传 本 地 文件 
至 服务 器 的 功能 ,是 “文件 浏览 ”功能 的 子 集 。 

为 了 能 够 使 用 快速 文件 上 传 功能 ,需要 进行 一 些 配 置 ,打开 fckeditor\editor\filemanager\ 
connectors\php 目录 中 的 config 文件 ,找到 如 下 两 行 代 码 : 


$ Config[ 'Enabled'] = true; // 将 false 改 为 true, 表示 允许 上 传 
$ Config[ 'UserFilesPath'] = "upfiles/'; // 定 义 上 传 目 录 


再 打开 fckeditor 根 目 录 下 的 fckeditor. js, 确 保 以 下 两 行 的 值 为 php: 


var _FileBrowserLanguage = 'php'; 
var _QuickUploadLanguage = 'php' ; 


至 此 ,Apache 服务 器 已 能 正常 上 传 文件 ,但 对 于 IIS 服务 器 ,还 需要 设置 上 传 目录 的 绝 
对 路 径 ,找到 如 下 代码 修改 为 : 


$ Config[ 'UserFilesAbsolutePath'] = 'D:\\Download\\mr\\8\\example\\8.1\\upfiles’'; 


3, 配置 对 上 传 文件 进行 重 命名 


如 果 要 上 传 的 文件 名 中 存在 中 文字 符 , 会 出 现 乱码 问题 ,导致 引用 的 文件 URL 不 对 ， 
解决 这 个 问题 的 办 法 是 将 所 有 上 传 文件 的 文件 名 重 命名 ,方法 如 下 : 
找到 editor \ filemanager \ connectors\ php 目录 下 的 io. php 文件 ,将 函数 名 为 
SanitizeFolderName 的 函数 代码 修改 如 下 : 
function SanitizeFileName( $ sNewFileName ){ 
$arr = explode('.', $ sNewFileName); 
$ ext = array pop( $ arr); // 第 一 个 数组 元 素 保存 了 . 前 的 文件 名 
$ filename = date('Ymd_His_').rand(1000,9999).'.'. $ ext; 


return $ filename ; 


bp 


SanitizeFolderName 函数 的 功能 是 将 上 传 文件 的 文件 名 重 命 名 ,新 的 文件 名 按照 日 期 时 间 
随机 数 的 格式 命名 , 既 可 防止 修改 后 的 文件 名 重 名 ,又 可 防止 新 的 文件 名 中 出 现 中 文字 符 。 


4. 解决 文件 上 传 功能 的 安全 性 问题 


文件 上 传 可 能 给 网 站 带 来 巨大 的 安全 隐患 ,假设 网 站 攻击 者 猜测 到 了 文件 上 传 程序 的 
路 径 , 则 他 可 以 直接 访问 该 程序 ,以 上 传 文件 。 为 此 ,需要 判断 上 传 文件 者 是 否 是 登录 成 功 
的 用 户 ,这 可 以 通过 SESSION 变量 判断 。 假 如 网 站 采用 $ _SESSION[L'admin"] 验 证 管理 员 
是 否 已 经 登录 , 则 只 需 打开 config. php 文件 。 将 配置 上 传 的 代码 修改 为 : 


$ Config[ 'Enabled'] = isset( $ _SESSION[ 'admin']); 


这 样 , 当 用 户 未 登录 时 ,isset 函数 将 返回 false。 
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5. 为 FCKeditor 瘦身 


FCKeditor 目录 下 包含 有 许多 示例 代码 ,文档 等 资源 ,这 些 文件 不 但 没有 任何 意义 , 反 
而 可 能 被 网 站 攻击 者 利用 起 来 进行 攻击 。 下 面 介 绍 如 何 删除 这 些 文件 。 

(1) 删除 所 有 以 "开头 的 文件 夹 。 

(2) 删除 根 目 录 下 的 其 他 文件 和 目录 ,只 保留 fckconfig. js、fckeditor. js、fckeditor __ 
php5. php ,fckpackager. xml fckstyles. xml ,fcktemplates. xml 和 editor 目录 。 

(3) editor\filemanager\connectors 目录 下 存放 了 FCKeditor 所 支持 的 Web 编程 语言 ， 
可 以 只 保留 php 目录 。 

(4) editor\lang 目录 下 存放 的 是 多 语言 配置 文件 , 若 只 使 用 en 和 zh-cn( 简 体 中 文 ) ,可 
删除 其 他 的 语言 配置 文件 。 

(5) editor\skins 目录 下 存放 了 皮肤 文件 ,FCKeditor 默认 提供 了 三 种 皮肤 : default、 
office 2003 和 silver, 用 户 可 根据 喜好 删除 多 余 的 皮肤 文件 。 


6. FCKeditor 的 其 他 一 些 设置 


fckconfig. js 为 程序 员 提供 了 配置 FCKeditor 的 简单 接口 ,用 DW 打开 fckconfig. js 可 
进行 如 下 配置 。 
(1) 设置 语言 为 简体 中 文 。 


FCKConfig. AutoDetectLanguage = false; // 关 闭 浏览 器 自动 检测 语言 
FCKConfig,. DefaultLanguage = 'zh- cn'; // 设 置 语言 为 简体 中 文 


(2) 修改 皮肤 为 Office 2003 样式 的 皮肤 。 


FCKConfig. SkinPath = FCKConfig.BasePath + 'skins/office2003/'; 


(3) 设置 回 车 键 模式 。 


FCKConfig. EnterMode = 'br'; // 回 车 键 对 应 br 标记 , 可 设置 为 pldiv|br 
FCKConfig. ShiftEnterMode = 'p'; //Shift + 回 车 键 对 应 p 标记 


67 数据 库 接口 层 PDO 


PHP 提供 了 操作 各 种 数据 库 的 内 置 函数 ,通过 这 些 内 置 函 数 PHP 可 直接 访问 数据 库 。 
例如 使 用 mysql 或 mysqli 函数 库 能 够 直接 访问 MySQL 数据 库 ,使 用 mssql 函数 库 能 直接 
访问 SQL Server 数据 库 。 而 如 果 要 访问 Oracle 数据 库 ,就 需要 使 用 ora 函数 (或 oci 数据 
抽象 层 )。 可 见 , 应 用 每 种 数据 库 时 都 需要 学 习 特 定 的 函数 库 , 这 是 比较 麻烦 的 。 更 重要 的 
是 ,如 果 要 将 PHP 程序 移植 到 其 他 数据 库 上 ,就 需要 修改 大 量 的 程序 代码 ,使 移植 难以 实现 。 

为 了 解决 这 个 问题 ,就 需要 一 种 “数据 库 访问 接口 层 ”。 通 过 这 个 接口 层 可 以 访问 各 种 
数据 库 ,而 PHP 程序 只 要 与 接口 层 打交道 ,发 送 统 一 的 指令 给 这 个 通用 接口 ,再 由 接口 层 
将 指令 传输 给 任意 类 型 的 数据 库 , 如 图 5-39 所 示 。 
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图 5-39 数据 库 访 问 接口 层 


PDOCPHP Data Object) 是 为 PHP 访问 数据 库 定义 的 一 个 轻 量 级 的 、 一 致 性 的 数据 库 
接口 , 它 提 供 了 一 个 数据 库 访 问 抽象 层 , 作 用 是 统一 各 种 数据 库 的 访问 接口 ,使 得 程序 能 够 
轻松 在 不 同 数据 库 之 间 进 行 切换 ,数据 库 间 的 移植 变 得 容易 实现 。 这 样 ,无 论 使 用 什么 数据 
库 , 都 可 以 通过 一 致 的 函数 执行 查询 和 获取 数据 。 

提示 : PDO 是 PHP 5 新 加 入 的 一 个 重大 功能 ,并 且 PHP 6 将 默认 使 用 PDO 来 操作 数 
据 库 ,可 见 PDO 是 将 来 PHP 在 数据 库 处 理 方面 的 主要 发 展 方向 。 

常见 的 数据 库 接 口 层 除了 PDO 外 ,还 有 ADO(ActiveX Data Object) ,ADO 是 微软 推 
出 的 ,一般 用 来 访问 微软 的 数据 库 , 如 SQL Server 或 Access。 而 PDO 一 般 用 来 让 PHP 访 
问 非 微软 的 数据 库 , 如 果 一 定 要 用 PDO 来 访问 微软 的 数据 库 ,那么 可 以 使 用 它 提 供 的 PDO 
_ODBC 驱动 连接 ODBC ,再 通过 ODBC 访问 微软 的 数据 库 。 


5.7.1 PDO 的 安装 


安装 PHP 5. 1 以 上 版 本 会 默认 安装 PDO, 但 使 用 之 前 , 仍 需 要 进行 一 些 相关 的 配置 。 
打开 PHP 的 配置 文件 php. ini, 在 Dynamic Extensions 一 节 中 ,找到 : 


;extension = php_pdo. dll 


将 前 面 的 “; "号 (注释 符 ) 去 掉 , 就 打开 了 PDO 所 有 驱动 程序 共享 的 扩展 。 接 下 来 ,还 需 
要 激活 一 种 或 多 种 PDO 驱动 程序 ,添加 下 面 的 一 行 或 多 行 即 可 。 


extension = php_pdo_mysql. dll // 如 果 要 使 用 MySQ1, 那么 添加 这 一 行 
extension = php_pdo_mssql. dll // 如 果 要 使 用 SQL Server 

extension = php_pdo_oci. dll // 如 果 要 使 用 Oracle 
extension = php_pdo_odbc. dll // 如 果 要 使 用 0DBC 驱动 程序 


保存 修改 后 的 php. ini 文件 ,然后 重启 Apache 服务 器 , 即 完成 了 PDO 的 安装 。 这 时 可 
以 查看 phpinfo() 函 数 (echo phpinfo(); ) ,如 果 看 到 图 5-40 所 示 的 结果 ,表示 PDO 已 经 可 
以 使 用 了 。 


5.7.2 创建 PDO 对 和 象 连接 数据 库 
在 使 用 PDO 与 数据 库 交 互 之 前 ,必须 先 创建 一 个 PDO 对象。 创建 PDO 对 象 有 多 种 方 


第 5 章 ” PHP 访问 数据 库 (m7) 


PDO 


PDO drivers mysql 
pdo_mysql 


图 5-40 查看 phpinfo( ) 函 数 输 出 结果 检查 PDO 的 安装 
法 ,其 中 最 简单 的 一 种 方法 如 下 : 
对 象 名 = new PDO( string DSN, string username，string password, [array driver_options] ); 
说 明 ， 


(1) 第 1 个 必 选 参数 是 数据 源 名 (DSN) ,用 来 指定 一 个 要 连接 的 数据 库 和 连接 使 用 的 
驱动 程序 。 其 语法 格式 为 : 


驱动 程序 名 : 参数 名 = 参数 值 ; 参数 名 = 参数 值 


例如 : 连接 MySQL 数据 库 和 连接 Oracle 数据 库 的 DSN 格式 分 别 如 下 : 


mysql :host = localhost;dbname = testdb 
oci:dbname = //localhost:1521/mydb 


(2) 第 2 个 参数 和 第 3 个 参数 分 别 用 于 指定 连接 数据 库 的 用 户 名 和 密码 ,是 可 选 参 数 。 

(3) 第 4 个 参数 driver_options 必须 是 一 个 数组 ,用 来 指定 连接 所 需 的 所 有 额外 选项 ， 
传递 附加 的 调 优 参数 到 PDO 底层 驱动 程序 。 

下 面 是 一 个 创建 PDO 对 象 并 连接 MySQL 数据 库 guestbook 的 代码 (conn. php) : 


本 生生 清单 5 - 19 conn. php 使 用 PD0 对 象 连接 数据 库 ------------------ 
<? 8$dsn= "mysql:host = localhost;dbname = guestbook"; 


$ db = new PDO( $ dsn, 'root', '111'); // 连 接 数 据 库 
$ db—> query( 'set names gb2312') ; // 设 置 字符 集 
2 


提示 : 上 述 创建 的 连接 数据 库 代码 默认 不 是 长 连接 ,如 果 需 要 数据 库 长 连接 ,需要 用 到 
第 4 个 参数 : array(PDO: : ATTR_PERSISTENT => true), 即 : 


$ db = new PDO( $ dsn, 'root', '111', array(PDO: :ATTR PERSISTENT => true)); 


当 PDO 对 象 创建 成 功 后 ,与 数据 库 的 连接 已 经 建立 ,就 可 以 使 用 该 对 象 了 。PDO 对 象 
中 常用 的 成 员 方 法 如 表 5-4 所 示 。 


表 5-4 PDO 类 中 常用 的 成 员 方 法 


方法 名 描 述 
query() 执行 一 条 有 结果 集 返 回 的 SQL 语句 ,并 返回 一 个 结果 集 PDOStatement 对 象 
exec() 执行 一 条 SQL 语句 ,并 返回 所 影响 的 记录 数 
lastInsertId() 获取 最 近 一 条 插入 到 表 中 记录 的 自 增 ID 值 
prepare() 负责 准备 要 执行 的 SQL 语句 ,用 于 执行 存储 过 程 等 
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调用 PDO 对 象 的 方法 可 以 使 用 "对 象 名 -> 方法 名 ”的 形式 。 使 用 PDO 对 象 的 query() 方 


法 执行 Select 语句 后 会 得 到 一 个 结果 集 对 象 PDOStatement ,该 对 象 的 常用 方法 如 表 5-5 所 示 。 


表 5-5 PDOStatement 类 中 常用 的 成 员 方法 


方 法 名 描 述 
i 以 数组 或 对 象 的 形式 返回 当前 指针 指向 的 记录 ,并 将 结果 集 指针 移 至 下 一 行 , 当 到 
达 结 果 集 末尾 时 返回 False 
fetchAll() 返回 结果 集中 所 有 的 行 , 并 赋 给 返回 的 二 维 数组 ,指针 将 指向 结果 集 末 尾 


fetchColumn() 返回 结果 集中 下 一 行 某 个 列 的 值 


setFetchMode() 


设置 fetch() 或 fetchAll() 方 法 返回 结果 的 模式 ,如 关联 数组 .索引 数组 、 混 合 数组 、 
对 象 等 


rowCount() 返回 结果 集中 的 记录 总 数 , 仅 对 query() 和 prepare() 方 法 有 效 


columnCount() 在 结果 集中 返回 列 的 总 数 


bindColumn() 将 一 个 列 和 一 个 指定 的 变量 名 绑 定 (必须 设置 fetch 方法 为 FETCH_BOTH) 


库 


5.7.3 使 用 query() 方 法 执行 查询 


PDO 访问 数据 库 和 mysql 函数 访问 数据 库 的 步 又 基本 上 是 一 致 的 , 即 ; 四 连接 数据 
回 设置 字符 集 ; 加 创建 结果 集 ; @ 读 取 一 条 记录 到 数组 ; @ 将 数组 元 素 显 示 在 页 面 上 。 
使 用 query() 方 法 可 以 执行 一 条 select 查询 语句 ,并 返回 一 个 结果 集 。 例 如 : 


$result = $db—>query('select * from news limit 20'); 


也 可 使 用 query() 方 法 来 设置 字符 集 ,但 必须 在 创建 结果 集 之 前 使 用 。 例 如 : 
$ db -> query( 'set names gb2312'); 


例 5.1 使 用 query() 执 行 查询 的 示例 程序 。 
该 程序 将 以 表格 的 形式 显示 结果 集中 所 有 记录 到 页 面 上 ,运行 结果 如 图 5-13 所 示 。 


<? $dsn="mysql:host= localhost;dbname = guestbook"; 
$ db = new PDO( $ dsn, 'root', '111'); // 连 接 数 据 库 
$ db—> query( 'set names gb2312'); // 设 置 字符 集 
$result = $ db-> query('select * from lyb'); // 执 行 查询 创建 结果 集 
$ result — > setFetchMode(PDO: :FETCH_ASSOC); 
//print_r( $ row= $ result —> fetch()); 
人 
<table border = "1" width= "95% "> 
<tr bgcolor ="#e0e0e0"> 
<th> 标 题 </th> < th width= "100"> 内 容 </th> < th width= "60"> 作 者 </th> 
<th> email </th> <th width= "80"> 来 自 </th> </tr> 
<? while( $ row= $result —>fetch()){ // 读 取 一 条 记录 到 数组 $ row 中 
> 
<tr><td><?= $row['ID'];?></td> <td><? = $ row[ 'content'];?></td> 
<td><?= $row['author'];?></td> <td><?= $row['email'];?></td> 
<td><?= $row['ip'];?></td></tr> 
<? } ?> 
</table><p> 共 有 <? = 5$ result - > rowCount()?> 行 </p> 
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说 明 : 


(1) 创建 了 结果 集 $ result 后 ,可 以 用 $result-> fetch() 方 法 读 取 当 前 记录 到 数组 中 ， 
该 数组 默认 是 混合 数组 ,如果 希望 fetch() 方 法 只 返回 关联 数组 ,有 两 种 方法 : 

@ 在 创建 了 结果 集 后 用 $ result-> setFetchMode(PDO::FETCH_ASSOC) 方 法 进行 
设置 ; 

@ 给 fetch() 方 法 添加 参数 ,如 $row= $result-> fetch (PDO::FETCH_ASSOC) 或 
$row 二 $result-> fetch(1)。 在 fetch() 参 数 的 可 选 值 中 ,0 代表 混合 数组 ,默认 值 ; 1 或 2 
代表 关联 数组 ,3 代表 索引 数组 。 本 例 中 采用 的 是 第 四 种 方法 。 

(2) $result-> rowCount() 方 法 可 以 返回 结果 集中 的 记录 总 数 。 

(3) 可 以 使 用 print_r 方 法 打印 $ result-> fetch(2) 返 回 的 数组 ,如 果 去 掉 本 例 中 print_r 语 
句 前 的 注释 符 ,就 会 输出 : 


Array ( [ID] => 1 [title] => 祝 大 家 开心 [content] => 非常 感谢 大 家 长 期 以 来 的 帮助 [author] => 
唐三彩 [email] => sanyo@tom.com [ip] => 59.51.24.37 ) 


(4) 在 PDO 中 使 用 query() 方 法 创建 的 结果 集 $result 是 对 象 类 型 , var_dump 
($result) 会 得 到 


object(PDOStatement)#2 (1) { ["queryString"] => string(17) "select * from lyb" } 


而 以 前 用 mysql_queryO 〇 0 创建 的 结果 集 $ result 是 资源 类 型 ,两 种 结果 集 的 数据 类 型 是 
不 同 的 。 


5.7.4 使 用 exec() 方 法 执行 添加 、 删 除 、 修 改 命 令 


如 果 要 用 PDO 对 数据 库 执 行 添加 删除 .修改 操作 , 则 可 以 使 用 exec() 方 法 ,该 方法 将 
处 理 一 条 SQL 语句 ,并 返回 所 影响 的 记录 条 数 。 
例 5.2 ”使 用 exec() 方 法 修改 记录 的 示例 程序 。 
<? require('conn.php'); // conn. php 见 5.7.2 节 清 单 5- 19 
$ affected = $ db- > exec("update lyb set content = ' 用 PDO 修改 记录 ' where author = ' 艺 蔚 '"); 


?> 
<p> 共 有 <? = $ affected ?> 行 记录 被 修改 </p> 


如 果 要 执行 添加 、 删 除 操作 ,只 要 把 上 例 中 的 SQL 语句 改 为 insert 或 delete 语句 即 可 。 
读者 可 以 使 用 exec() 方 法 改写 5. 3 节 中 的 所 有 程序 ,实现 对 记录 的 添加 、 删 除 、 修 改 
操作 。 


5.7.5 使 用 prepare() 方 法 执行 预 处 理 语句 


PDO 提供 了 对 预 处 理 语句 的 支持 。 预 处 理 语句 的 作用 是 : 编译 一 次 ,可 以 多 次 执行 。 
它 会 在 服务 器 上 缓存 查询 的 语法 和 执行 过 程 ,而 只 在 服务 器 和 客户 端 之 间 传 输 有 变化 的 列 
值 ,以 此 来 消除 这 些 额外 的 开销 。 例 如 要 插入 1000 条 记录 ,如 果 使 用 exec 方法 则 需 执 行 
1000 条 insert 语句 ,而 使 用 预 处 理 语句 则 只 要 编译 执行 一 条 插入 语句 。 
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对 于 复杂 查询 来 说 ,如 果 要 重复 执行 许多 次 有 不 同 参数 的 但 结构 相同 的 查询 ,通过 使 用 


一 个 预 处 理 语句 就 可 以 避免 重复 分 析 、 编 译 、 优 化 的 环节 。 因 此 在 执行 重复 的 单个 查询 时 快 
于 直接 使 用 query() 或 exec() 方 法 .并且 可 以 有 效 防止 SQL 注入 (因为 SQL 语句 是 固定 的 ， 
不 需 接受 用 户 输入 的 参数 值 ) ,因此 这 种 方法 速度 快 而 且 安全 。 


执行 预 处 理 语句 的 过 程 是 : 
(1) 在 SQL 语句 中 添加 占 位 符 ,PDO 支持 两 种 占 位 符 : 即 问号 占 位 符 和 命名 参数 占 位 


符 , 具 体 使 用 哪 种 赁 个 人 喜好 。 两 种 占 位 符 示 例如 下 : 


$ sql = "insert into lyb(title, content, author) values(?,?,?)"; //? 号 占 位 符 
$ sql = "insert into lyb(title, content, author) values( :title, :content, :author)"; 
// 命 名 参数 占 位 符 


(2) 使 用 prepare() 方 法 准备 执行 预 处 理 语句 ,该 方法 将 返回 一 个 PDOStatement 类 对 
例如 : 


$ stmt = $ db—> prepare( $ sql); 
(3) 绑 定 参数 ,使 用 bindParam( ) 方 法 将 参数 绑 定 到 准备 好 的 查询 的 占 位 符 上 。 例 如 : 


$ stmt —> bindParam(1, $ title); // 对 于 ?号 占 位 符 , 绑 定 第 1 个 参数 
$ stmt —>bindParam(':title', $ title);  // 对 于 命名 参数 占 位 符 , 绑 定 :title 参数 


(4) 使 用 execute() 方 法 执行 查询 。 例 如 : 

$ stmt — > execute( ); 

也 可 以 在 执行 查询 的 同时 绑 定 参数 ,execute 方法 的 参数 是 一 个 数组 。 代 码 如 下 : 
$ stmt 一 > execute(array( 'PDO 预 处 理 ', ' 这 是 插入 的 记录 ', ' 西 贝 乐 ') ); 


提示 : 通过 执行 PDO 对 象 中 的 query() 方 法 返回 的 PDOStatement 类 对 象 ,就 是 一 个 


结果 集 对 象 ; 而 通过 执行 PDO 对象 中 的 prepare() 方 法 返回 的 PDOStatement 类 对 象 , 则 是 
一 个 查询 对 象 。 本 书 约定 用 变量 $stmt 表示 查询 对 象 。 


例 5.3 使 用 预 处 理 语句 插入 记录 的 示例 程序 。 


<? require('conn.php'); // conn.php 见 5.7.2 节 清 单 5- 19 
$ sql = "insert into lyb(title, content, author) values(?,?,?)"; // 用 ?号 作 占 位 符 
$ stmt = $ db—> prepare( $ sql); // 准 备 执行 查询 
$title = 'PDO 预 处 理 '; $ content = ' 这 是 插入 的 记录 '; $ author = ' 西 贝 乐 '; 
$ stmt — > bindParam(1, $ title); // 绑 定 第 1 个 参数 
$ stmt — > bindParam(2, $ content); 
$ stmt 一 > bindParam(3, $ author); 
$ stmt — > execute( ); // 执 行 插入 语句 ,将 插入 一 条 记录 
echo ' 新 插入 记录 的 ID 是 :'. $ db 一 >lastInsertId(); 
// 如 果 要 再 插入 记录 ,只 要 添加 下 面 的 代码 即 可 
$ title= ' 第 二 条 '; $ content = ' 第 二 次 插入 的 记录 '; $ author = ' 书 法 家 '; 
$ stmt 一 > execute( ); // 再 次 执行 重新 绑 定 参数 的 准备 语句 ,插入 第 二 条 记录 
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例 5.4 使 用 预 处 理 语句 根据 关键 词 查询 的 示例 程序 。 
该 程序 将 根据 关键 词 查询 结果 ,并 将 查询 结果 输出 。 代 码 如 下 : 


<? require( 'conn.php'); // conn.php 见 5.7.2 节 清 单 5- 19 
$ sql = "select * from lyb where title like ?"; // 用 ?号 作 占 位 符 
$ stmt = $ db—> prepare( $ sql); // 准 备 执行 查询 


$ title= ' 进 口 '; 
$ stmt -> execute(array(" % $ title% ")); // 执 行 查询 的 同时 绑 定 参 数 


$ row= $ stnt 一 > fetch(1); // 以 关联 数组 的 形式 将 结果 集中 第 1 条 记录 取出 
var_dump( $ row); // 输 出 数组 
echo $ row[ 'title']; 

ke 

运行 结果 如 下 : 


object(PDORow) #3 (9) { ["queryString"] => string(36) "select * from lyb where title like ?" 
["ID"] => string(3) "178" ["title"] = > string(11) " 好 进口 红酒 " ["content"] = > string(18) 
"返回 焚 蒂 冈 的 航天 员 " ["author"] = > string(8) " 回 家 看 看 " ["email"] = > string(9) "yaopi@ 
163.com " ["ip"] => string(9) "127.0.0.1" } 好 进口 红酒 


提示 : 在 SQL 语句 中 有 like 的 情况 下 , 占 位 符 的 正确 写法 是 : "select * from lyb 
where title like ?" ,错误 的 写法 是 : "select * from lyb where title like '%?%'"。 因 为 占 位 
符 必须 用 于 整个 值 的 位 置 ,在 绑 定 参 数 时 再 给 关键 词 两 边 加 昕 号 。 

PDO 的 操作 总 结 : 

(1) 执行 查询 的 操作 。 

PDO: :query(): 主要 是 用 于 有 记录 结果 返回 的 操作 ,特别 是 SELECT 操作 。 

PDO: :exec(): 主要 是 针对 没有 结果 集合 返回 的 操作 ,例如 INSERT、UPDATE、 
DELETE 等 操作 , 它 返 回 的 结果 是 当前 操作 影响 的 列 数 。 

PDO: :prepare(): 主要 是 预 处 理 操 作 , 需 要 通过 $ rs-> execute() 来 执行 预 处 理 里 面 的 
SQL 语句 ,这 个 方法 可 以 绑 定 参 数 ,功能 比较 强大 。 

(2) 获取 结果 集 的 操作 。 

fetch(): 是 用 来 获取 一 条 记录 。 

fetchALL(): 是 获取 所 有 结果 集 到 一 个 数组 中 ,获取 结果 可 以 通过 setFetchMode 来 设 
置 需要 结果 集合 的 类 型 。 

fetchColumn(): 是 获取 结果 指定 第 一 条 记录 的 某 个 字段 ,默认 是 第 一 个 字段 。 

(3) 两 个 其 他 操作 。 

PDO::lastJnsertId(): 返回 上 次 插入 操作 ,主键 列 类 型 是 自 增 的 最 后 的 自 增 ID。 

PDOStatement: :rowCount(): 用 于 PDO::query() 和 PDO: :prepare() 进 行 delete、 
insert、update 操作 影响 的 结果 集 ,对 PDO: :exec() 方 法 和 select 操作 无 效 。 


6.8 用 PDO 制作 留言 板 实例 


留言 板 是 网 站 与 用 户 交流 的 一 种 最 基本 的 方式 ,用 户 通过 留言 板 可 以 方便 地 向 网 站 主 
办 者 咨询 并 得 到 回复 。 从 功能 上 看 ,留言 板 程序 分 为 三 部 分 , 即 留 言 的 书写 与 保存 (添加 记 
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录 )、 留 言 的 显示 (显示 记录 ) 及 对 留言 的 管理 (更 新 和 删除 记录 ) ,这 都 是 通过 对 数据 表 的 操 
作 来 完成 的 。 

在 程序 5-2. php 中 ,实际 上 已 经 实现 了 一 个 留言 板 的 原型 ,只 是 每 条 留言 都 显示 在 表格 
的 一 行 中 ,显得 不 专业 。 为 此 ,我 们 可 以 将 一 条 留言 放置 在 一 个 单独 的 div( 或 table) 中 ,并 
设置 样式 。 将 得 到 如 图 5-41 所 示 的 效果 ,这 样 看 起 来 就 像 一 个 留言 板 了 。 


网 页 设计 学 习 网 留言 板 
共有 16 条 留言 搜索 留言 管理 留言 


内 容 : 非常 感谢 大 家 的 帮助 
发 表 时 间 : 2010-9-9 来 自 : 202. 103.56.6 


虚心 请 教 个 问题 


内 容 : 虚拟 目录 中 的 文件 如 何 预览 
发 表 时 间 : 2010-11-9 10:57:21 来 自 : 127.0.0.1 


图 5-41 留言 板 的 效果 


1. 显示 留言 页 面 的 主要 代码 


程序 5-2. php 已 经 可 以 将 留言 显示 在 表格 中 了 ,只 要 将 5-2. php 中 循环 输出 < tr > 标记 
改 成 循环 输出 < div > 标记 就 可 以 得 到 图 5-41 中 的 留言 板 效 果 ,代码 如 下 


<? require( 'conn. php'); // conn.php 见 5.7.2 节 清 单 5- 19 
$result= $db->query("select * from lyb order by ID desc"); 
echo ' 共 有 '. $ result -> rowCount(). ' 条 留言 '; ?> 
<a href = "5 一 15.php"> 搜 索 留 言 </a > <a href = "login. htm"> 管 理 留言 </a></p> 
<? if ($result—>rowCount()>0){ 
while( $ row= $ result ~ > fetch(1)){ > 
<div id= "main">< img src = "images/<? = $ row["sex"]?>.gif" style= "float:left;"/> 
<h3><?= $row["title"] ?></h3><p> 作 者 :<? = $ row["author"] ?> </p> 
<p> 内 容 :<? = $ row[ "content"]?> </p><p align = "right"> 发 表 时 间 : 
<?= $row["date"]?> 来 自 :<?= $row["ip"]?> </p> </div> 
< 
else echo "< p> 目前 还 没有 用 户 留 言 </p>"; 


?> 


说 明 : 在 数据 表 lyb 中 添加 了 一 个 字段 sex, 该 字段 只 有 两 个 值 ,1 和 2。 同时 在 images 
目录 下 放置 了 两 张 图 片 ,1. gif 和 2. gif。 
该 留言 板 中 div 的 边框 和 边界 等 是 通过 CSS 代码 实现 的 ,调用 的 全 部 代码 如 下 : 
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< style type = "text/css"> 
#main { 
margin:8px auto; width:480px; 
border:1px solid red; padding:8px;} 
#main h3 { 
text ~ align:center; 
border - bottom:1px dashed gray; background: #9FF;} 
#mainp{ 
font:12px/1.6 "宋体 "; margin:2px; } 
</style> 


2. 验证 用 户 登 录 的 主要 代码 


在 管理 留言 前 ,必须 要 验证 用 户 的 用 户 名 和 密码 ,以 确定 是 否 是 真实 的 管理 员 , 因 此 管 
理 登录 将 链接 到 login. htm, 它 的 代码 如 下 : 


<hl align = "center"> 用 户 登 录 </hl > 

< form method = "post" action= "chklogin. php"> 

< table border = "1"><tr ><td align = "center"> 用 户 名 :</td> 
<td>< input name = "admin" type = "text" size="12" /></td></tr> 
<tr><td> 密 码 :</td> 


<td>< input name = "password" type = "password" value = "" size="12" /></td></tr> 
<tr><td></td> 


<td>< input type = "submit" name = "Submit"” value = "提交 " /></td></tr> 
</table ></form> 


验证 用 户 登录 程序 的 方法 是 将 用 户 输入 的 用 户 名 和 密码 在 admin 表 中 进行 查找 ,如 果 
查找 得 到 的 结果 集 不 为 空 ,就 表明 有 匹配 的 用 户 名 和 和 密码。 验证 用 户 登 录 信 息 的 程序 
chklogin. php 的 代码 如 下 : 


<? session start(); 
require( 'conn. php'); // 连 接 数 据 库 
$ admin= $ _POST[ 'admin']; // 获 取 用 户 名 
$ password= $ _POST[ ‘password']; 
$ sql= "select * from admin where user = '$ admin'and password= '$ password'"; 
$result= $db—->query( $ sql); 
if ($result—> rowCount() == 0){ // 如 果 数 据 表 中 查 不 到 对 应 的 记录 
unset( $ _SESSION[ 'admin'] ); 
echo "< script > alert( ' 您 输入 的 用 户 名 或 密码 不 正确 ! ') ;history. go( -1)</script >"; 
exit();} 
else{ 
$row= $result—> fetch(1); 
$ _SESSION[ 'admin'] = $ row[ "user']; // 将 用 户 名 保存 到 Session 变量 中 


echo "< script > location. href = '../5— 6.php'</script >";} 
?> 


而 在 5-6. php 文件 的 开头 可 以 验证 用 户 的 $_SESSION[ 'admin'] 变 量 是 否 为 空 ,如 果 为 
空 ,就 表明 没有 登录 ,而 是 通过 直接 输入 5-6. php 的 网 址 进入 的 ,此 时 将 其 引导 至 登录 页 面 。 
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<? session start(); 
if( $_SESSION[ 'admin'] == ""){ 


echo "< script > alert( ' 您 尚未 登录 或 Session 超时 ') ; location. href = 'lyb/login. htm'</script >"; 
exit();} 


> 


此 可 见 SESSION 变量 相当 于 系统 给 登录 成 功用 户 发 的 一 张 “ 票 ”, 而 其 他 后 台 管理 


页 面 都 要 先 验 票 才能 决定 是 否 允 许 用 户 访问 ,有 了 这 张 票 就 能 访问 所 有 后 台 管 理 页 面 。 


这 样 就 完成 了 一 个 留言 板 程序 ,该 留言 板 不 具有 回复 留言 功能 ,如 果 要 能 回复 留言 则 数 


据 表 lyb 中 至 少 要 增加 一 个 字段 ,以 区 分 该 条 留言 是 普通 留言 还 是 回复 留言 ,如 果 是 回复 的 
留言 ,可 以 设置 该 字段 的 值 是 某 条 普通 留言 的 ID 值 ,以 表明 是 对 该 条 留言 的 回复 信息 。 
习题 
一 、 选 择 题 
1. PHP( ”) 函 数 用 于 向 MySQL 数据 库 发 送 SQL 语句 。 
A. mysql_select_db B. mysql_connect 
C. mysql_query D. mysql_fetch_field 
2. PHP 连接 上 MySQL 之 后 ,( ) 函数 配合 循环 可 以 得 到 指定 表 中 的 多 条 记录 。 
A. mysql_fetch_row B. mysql_select_db 
C. mysql_query D. mysql_data_seek 
3. mysql_query("set names 'gb2312'"); 该 行 代码 一 般 写 ( ) 最 合适 。 
A. 创建 结果 集 之 前 B. 创建 结果 集 之 后 
C. 选择 数据 库 之 前 D. 连接 数据 库 服 务 器 之 前 
本 《 ) 函数 可 以 将 结果 集 的 指针 移动 到 指定 的 位 置 。 
A. mysql_fetch_row B. mysql_fetch_assoc 
C. mysql_query D. mysql_data_seek 
5. PHP 连接 MySQL 数据 库 的 连接 函数 mysql_connect 的 第 三 个 参数 是 ( $s 
A. 主机 名 B. 数据 库 密码 C. 数据 库 用 户 名 D. 报错 信息 
6. mysql_affected_rows( ) 函数 对 ( ) 操 作 没有 影响 。 
A. select B. delete C. update D. insert 
7. mysql_insert_id() 函 数 的 作用 是 ( 
A. 返回 下 一 次 插入 记录 的 ID 值 B. 返回 刚 插 入 记录 的 自动 增长 的 ID 值 
C. 查看 一 共 做 过 多 少 次 Insert 操作 D. 查看 一 共有 多 少 条 记录 
8. mysqli 中 返回 结果 集中 记录 总 数 的 函数 是 ( ls 
A. fetch_row B. fetch_assoc C. num_rows D. field_count 
9. 如 果 在 PHP 中 使 用 Oracle 数据 库 作 为 数据 库 服务 器 ,应 该 在 PDO 中 加 载 ( ) 驱 
动 程序 。 


A. PDO_DBLIB B. PDO_MYSQL 
C. PDO_OCI D. PDO_ORACLE 
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10. PDO 中 要 设置 返回 的 结果 集 为 关联 数组 形式 , 需 使 用 ( 和 


A. fetch_row B. fetch_assoc C. fetch() D. fetch(2) 

11. 如 果 在 PDO 中 要 执行 已 准备 好 的 预 处 理 语句 ,应 使 用 ( ) 方 法 。 

A. query() B. execute() C. exec() D. fetch() 

二 、 填空 题 

1. 使 用 select 语句 查询 数据 时 ,要 设置 返回 的 行 数 可 使 用 适合。 

2. 使 用 mysql_query() 函数 发 送 select 语句 时 ,执行 成 功 将 返回 一 个 , 若 执行 
查询 失败 则 返回 。 如 果 执 行 非 select 语句 ,执行 成 功 时 返回 ;出 错时 返 
回 四 

3. 在 mysqli 函数 库 中 ,从 结果 集中 取出 一 行 并 返回 一 个 关联 数组 的 函数 是 
返回 一 个 索引 数组 的 函数 是 ,返回 一 个 混合 数组 的 函数 是 

4. 在 mysqli 中 ,用 来 同时 执行 多 个 查询 语句 的 函数 是 

三 、 问 答题 


1. 为 了 避免 访问 MySQL 数据 库 时 出 现 乱 码 现象 ,应 在 数据 库 连 接 文 件 中 添加 什么 
语句 ? 

2. 在 MySQL 数据 库 中 ,varchar 和 char 两 种 数据 类 型 有 何 区 别 ? 

3. PHP 访问 MySQL 数据 库 ,通常 有 哪 三 种 方法 ? 

四 、 编 程 题 

1. 修改 5.2.2 节 中 的 5-2. php, 使 它 只 显示 title 字段 字段 值 , 并 且 一 行内 显示 3 条 记录 
的 title 字段 。 

2. 编写 程序 ,将 lyb 表 中 的 无 重复 的 title 字段 值 填充 到 一 个 下 拉 列 表 框 中 。 

3. 为 5.8 节 的 留言 板 程序 开发 一 个 用 户 注册 的 模块 ,要 求 用 户 能 注册 ,能 检查 用 户 注 
册 名 是 否 重 复 ,保存 用 户 注 册 的 信息 到 数据 库 和 用 户 的 Cookie 中 ,下 一 次 访问 时 可 以 用 该 
用 户 名 和 密码 登录 ,登录 后 就 可 以 查看 有 关 网 页 的 内 容 , 如 果 没 有 注册 , 则 能 重 定向 回 注册 
页 面 。 


二 
2 
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PHP 程序 有 时 可 能 需要 对 服务 器 端的 文件 或 文件 夹 进行 操作 ,对 文件 的 操作 包括 创建 
文本 文件 . 写 人 文本 文件 ( 即 用 文本 文件 保存 一 些 信 息 )、 读 取 文 本 文件 内 容 等 。 对 文件 夹 的 
操作 包括 创建 ,复制 .移动 或 删除 文件 夹 等 。 


(6.1 文件 访问 函数 
A 

PHP 对 文件 操作 的 一 般 流程 是 : 打开 文件 ; @ 读 取 或 写 入 文件 ; @ 关 闭 文件 。 这 些 
操作 都 是 通过 相应 的 文件 访问 函数 实现 的 。 

6.1.1 打开 和 关闭 文件 

fopen() 函 数 用 来 打开 文件 。 其 语法 格式 如 下 : 


fopen( string filename, string mode) 


其 中 ,filename 为 要 打开 的 文件 (文件 路 径 或 URL 网 址 ) ,mode 用 来 指定 以 何 种 模式 打开 ， 
可 选 值 及 其 说 明 如 表 6-1 所 示 。 


表 6-1 参数 mode 的 可 选 值 说明 


参数 值 含义 
了 以 只 读 方式 打开 ,如 果 文 件 不 存在 将 出 错 
以 写 入 方式 打开 ,将 文件 指针 指向 文件 头 部 ,并 删除 文件 内 容 , 如 果 文 件 不 存在 则 创建 
Wy 
次 件 
a 以 追加 写 入 方式 打开 ,将 文件 指针 指向 文件 末尾 ,如 果 文 件 不 存在 则 创建 文件 


让 以 读 写 方式 ( 先 读 后 写 ) 打 开 , 将 文件 指针 指向 文件 头 部 
w 十 以 读 写 方式 ( 先 写 后 读 ) 打 开 ,将 文件 指针 指向 文件 头 部 ,并 删除 文件 内 容 
a 十 以 追加 读 写 方式 打开 ,将 文件 指针 指向 文件 未 尾 


x 以 只 写 方式 创建 并 打开 文件 ,并 将 文件 指针 指向 文件 头 。 如 果 指 定 文件 存在 ,就 会 打开 失败 
汪汪 以 读 写 方式 创建 并 打开 文件 ,并 将 文件 指针 指向 文件 头 。 如 果 指 定 文件 存在 ,就 会 打开 失败 
b 以 二 进 制 模式 打开 ,可 与 rw、a 合用 。UNIX 系统 不 需要 使 用 该 参数 


如 果 fopen() 函 数 成 功 地 打开 了 一 个 文件 ,该 函数 就 会 返回 一 个 指向 这 个 文件 的 文件 
指针 (资源 类 型 )。 对 该 文件 进行 读 、 写 等 操作 ,都 需要 使 用 这 个 指针 来 访问 文件 。 如 果 打 开 
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文件 失败 , 则 返回 false。fopen 函数 的 示例 代码 如 下 : 


< 
$ file = fopen ("c:\\data\\info. txt"”, "r"); // 以 只 读 方 式 打 开 c:\data 下 的 info.txt 文件 
$ file = fopen ("http://www.hynu.cn/","r");  // 以 只 读 方 式 打开 网 站 的 首页 文件 


// 以 写 入 方式 打开 ftp 目录 下 的 exam. txt 文件 
$file = fopen ("ftp://user:password@ec. cn/exam. txt", "w"); 
// 以 只 读 方 式 打开 UNIX 系统 目录 下 的 
//file.txt 文件 
$ file = fopen ("/home/rasmus/file.txt", "r"); // 以 二 进 制 写 和 方式 打开 UNIX 系统 目录 下 的 
//file.gif 文件 
$ file = fopen ("/home/rasmus/file.gif", "wb"); 
?> 


提示 : 

(1) 当 以 http 协议 的 形式 打开 文件 时 ,只 能 采取 只 读 的 模式 ,否则 会 打开 失败 。 

(2) 当 以 ftp 协议 形式 打开 文件 时 ,只 能 采取 只 读 或 只 写 的 模式 ,而 不 能 是 读 写 的 模式 。 

(3) 如 果 filename 参数 中 省 略 了 文件 路 径 , 则 会 在 当前 PHP 文件 所 在 目录 下 寻找 文件 。 

文件 内 容 读 写 结束 后 ,必须 使 用 fclose 函数 关闭 文件 ,其 语法 是 fclose (resource 
handle)。 例 如 : 

fclose( $ file); // 关 闭 $ file 指向 的 文件 

如 果 成 功 关闭 文件 , 则 fclose 函数 返回 true, 和 否则 返回 false。 

6.1.2 读 取 文 件 


PHP 提供 了 多 个 从 文件 中 读 取 内 容 的 函数 ,这 些 函 数 功 能 描述 如 表 6-2 所 示 。 可 以 根 
据 它们 的 功能 特性 在 程序 中 选择 使 用 。 


表 6-2 读 取 文件 内 容 的 函数 


函 数 名 功 能 
fread() 读 取 整 个 文件 或 文件 中 指定 长 度 的 字符 串 , 可 用 于 二 进 制 文件 读 取 
fgets() 读 取 文 件 中 的 一 行 字符 
fgetss() 读 取 文 件 中 的 一 行 字符 ,并 去 掉 所 有 HTML 和 PHP 标记 
fgetc() 读 取 文 件 中 的 一 个 字符 
file_get_contents() 将 文件 读 人 字符 串 
fie() 把 文件 读 入 到 一 个 数组 中 
readfile() 读 取 一 个 文件 ,并 输出 到 输出 缓冲 


1. fread() 函 数 
打开 文件 后 ,我 们 可 以 使 用 fread 函数 读 取 文件 内 容 。 其 语法 如 下 : 


string fread( resource handle, int length) 
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其 中 参数 handle 用 来 指定 fopen 函数 打开 的 文件 流 对 象 。length 指定 读 取 的 最 大 字 节 
数 。 如 果 要 读 取 整个 文件 ,可 以 通过 获取 文件 大 小 函数 filesize 来 获取 文件 的 大 小 。 

例如 ,要 读 取 test. txt 文件 中 的 所 有 内 容 , 可 以 使 用 如 下 程序 (6-1. php) ,该 程序 运行 效 
果 如 图 6-1 所 示 。 


= 汪汪 人 1 
<html><body> 
<h2 align = "center"> 读 取 已 有 文本 文件 </h2 > 
<? 
$ file = fopen( "test. txt", "r"); // 以 只 读 方 式 打开 test. txt 
$ str = fread( $ file, filesize("test. txt")); // 读 取 文 件 的 全 部 内 容 
echo nl2br( $ str); // 将 内 容 中 的 回 车 转换 成 < br > 再 输出 
fclose( $ file); // 关 闭 文件 
?> 
</body ></html > 
http://localhost/php/8/exanple/8 1/6 IE i x 
文件 四 ”编辑 也 ) 查看 WD 收藏 由 工具 CD) 帮助) Ea 
读 取 已 有 文本 文件 
Safari 浏 览 器 与 其 他 浏览 器 显示 效果 不 一 致 问题 的 探讨 
Rn 
6-1 读 取 文 本 文件 
说 明 : 


(1) 上 面 的 代码 用 于 读 取 和 6-1. php 在 同一 目录 下 的 test. txt 文件 的 所 有 内 容 。 因 此 ， 
必须 保证 test. txt 文件 已 经 存在 ,否则 会 出 现 警告 错误 。 

(2) 程序 中 用 filesizeO 〇 获取 文件 的 大 小 ,如 果 只 希望 读 取 文件 中 的 部 分 内 容 , 可 自 定义 
长 度 ,例如 fread( $file,100) 表 示 读 取 文 件 中 前 100 个 字符 (中 文 算 两 个 字符 )。 

(3) 由 于 文本 中 的 换行 符 会 被 浏览 器 当成 空格 忽略 掉 , 为 了 在 浏览 器 中 保持 文件 原 有 
的 段落 格式 ,通常 使 用 nl2br(str) 函 数 将 换行 符 转 换 为 < br/> 标 记 。 


2. fgets() 函 数 
该 函数 用 来 读 取 文本 文件 中 的 一 行 。 其 语法 格式 如 下 : 


string fgets(resource handle[, int length]) 


该 函数 与 fread() 函 数 相似 ,不 同 之 处 在 于 , 当 fgets() 读 取 到 文本 中 的 回 车 符 或 者 已 经 
读 取 了 “length-1” 字 节 时 ,就 会 终止 读 取 文件 内 容 , 即 遇 到 回 车 符 就 会 停止 读 取 。fgets() 在 
读 取 文件 成 功 后 返回 读 取 的 字符 串 ( 包 括 回 车 符 ) ,否则 返回 false。 

因此 ,如 果 将 6-1. php 中 的 fread 函数 改 为 fgets 函数 , 则 只 会 读 取 test. txt 中 第 一 行 的 
内 容 。 如 果 要 用 fgets 函数 实现 同 程序 6-1. php 相同 的 效果 , 则 代码 如 下 : 
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一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清单 6- 2. php 一 -一 一 -一 一- 一 -一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 
<? $file=fopen("test.txt","r"); // 以 只 读 方 式 打开 test. txt 
while(!feof( $ file)){ // 利 用 循环 依次 读 取 每 一 行 
$ str= fgets( $ file); // 读 取 文件 中 的 一 行 , 读 取 完 后 指针 会 指向 下 一 行 
echo $ str. "<br>"; // 输 出 读 取 的 一 行 ,再 输出 < br > 
; 
fclose( $ file); // 关 闭 文件 


?> 


说 明 : feof 函数 可 判断 文件 指针 是 否 已 到 达 文 件 末尾 (最 后 一 个 字符 之 后 ) ,如 果 已 到 
达 , 则 返回 true, 和 否则 返回 false。 因 此 程序 会 一 直 读 取 到 文件 末尾 。 


3. fgetss() 函 数 


fgetss() 函 数 与 fgets() 函数 功能 相似 ,两 者 均 是 从 文件 指针 处 读 取 一 行 的 数据 ,差别 在 
于 fgetss() 函 数 会 删除 文件 内 的 HTML 和 PHP 标记 。 


4. fgetc() 函 数 
fgetc() 函 数 用 来 从 文件 指针 处 读 取 一 个 字符 ,可 用 于 读 取 二 进 制 文件 。 例 如 : 
<? $file= fopen("test. txt","r"); // 以 只 读 方式 打开 test. txt 


$ char = fgetc( $ file); 
?> 


代码 执行 成 功 后 , $ char 将 保存 test. txt 中 的 第 一 个 字符 。 
5. file_get_contents( ) 函数 


file_get_contents() 函 数 无 须 经 过 打开 文件 及 关闭 文件 操作 就 可 读 取 文件 中 的 全 部 内 
容 , 其 语法 如 下 ,如 果 成 功 读 取 文件 ,就 返回 文件 全 部 内 容 , 否 则 返回 false。 


file get contents(string filename) 
如 果 用 file_get_contents() 函 数 实现 同 程序 6-1. php 相同 的 效果 , 则 代码 如 下 : 
<? $ str = file get contents( 'test. txt'); 


echo nl2br( $ str); 
?> 


6. file() 函 数 


file() 函数 将 读 取 整个 文件 并 将 其 保存 到 一 个 数组 中 ,数组 中 每 个 数组 元 素 对 应 文档 中 
的 一 行 , 该 函数 可 用 于 读 取 二 进 制 文件 。 使 用 file() 函 数 读 取 文 件 的 代码 如 下 : 
<? $arr=file("test.txt"); // 读 取 文 件 到 数组 中 


print r( $ arr); 
?> 
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代码 执行 成 功 后 ,输出 结果 为 : 

Array ( [0] => Safari 浏览 器 与 其 他 浏览 器 显示 效果 不 一 致 问题 的 探讨 [1] => [2] => 很 多 人 都 
发 现 过 有 些 网 页 …。[3] => [4] => 我 的 这 个 网 页 ,在 一 个 单元 格 内 …) 

7. readfile() 函 数 


该 函数 可 以 读 取 指定 的 整个 文件 ,并 立即 输出 到 输出 缓冲 区 , 读 取 成 功 则 返回 读 取 的 字 
节 数 。 该 函数 也 不 需要 使 用 fopen() 函 数 打 开 文 件 。 使 用 readfile() 函 数 的 示例 代码 如 下 : 


<? $num= readfile("test. txt"); // 直 接 读 取 test. txt 文件 ,并 输出 到 浏 
// 览 器 
echo $ num; // 输 出 读 取 的 字符 数 


?> 


6.1.3 移动 文件 指针 


虽然 文件 读 取 函 数 读 取 完 指定 的 字符 后 ,都 会 使 文件 指针 移动 到 下 一 个 字符 。 但 有 时 
在 对 文件 进行 读 写 时 ,可 能 需要 手动 将 文件 指针 移动 到 某 个 位 置 ,实现 在 文件 中 的 跳 转 ,从 
不 同位 置 读 取 , 以 及 将 数据 写 人 到 不 同位 置 等 。 例 如 ,使 用 文件 模拟 数据 表 保 存 数 据 , 就 需 
要 移动 文件 指针 。 指 针 的 位 置 是 以 从 文件 头 开 始 的 字 节 数 度量 的 。 在 文件 刚 打开 时 ,文件 
指针 通常 指向 文件 的 开头 或 结尾 (依据 打开 模式 的 不 同 而 不 同 ) ,可 以 通过 rewind() ,ftell() 
和 fseek() 三 个 函数 对 文件 指针 进行 操作 ,它们 的 语法 为 : 

bool rewind(resource handle) // 移 动 文件 指针 到 文件 的 开头 


int ftell(resource handle) // 返 回 文件 指针 的 当前 位 置 
int fseek(resource handle，int offset[，int origin]) // 移 动 文件 指针 到 指定 位 置 


使 用 这 些 函 数 前 ,必须 提供 一 个 用 fopen 函数 打开 的 、 合 法 的 文件 指针 ,作为 函数 的 
handle 参数 。 而 fseek 函数 除 该 参数 外 ,还 有 两 个 参数 ,如 果 没 有 设置 第 三 个 参数 , 则 fseek 
会 将 文件 指针 移动 到 从 文件 开头 的 offset 字 节 处 。 如 果 设 置 了 第 三 个 参数 , 则 表示 从 何 位 
置 开 始 计算 偏 移 量 ,可 取 三 种 值 : 文件 首部 、 当 前 位 置 和 文件 尾部 ,实际 表示 时 分 别 对 应 值 
0、1、2。 其 表示 方法 如 表 6-3 所 示 。 


表 6-3 fseek() 函 数 origin 参数 的 取 值 (位 置 指针 起 始 位 置 ) 及 其 代表 符号 


起 始 点 符号 常量 学 
文件 开头 SEEK_SET 0 
当前 位 置 SEEK_CUR 1 
文件 末尾 SEEK_END 2 


如 果 fseek() 函 数 执行 成 功 ,将 返回 0, 和 否则 返回 一 1。 如 果 将 文件 以 追加 模式 “a? 或 
“a 十 ”打开 , 写 入 文件 的 任何 数据 总 是 会 被 追加 到 最 后 ,而 不 会 管 文件 指针 的 位 置 。 示 例 代 
码 如 下 : 


<? 


$ fp = fopen("test.txt","r") or die( "文件 打开 失败 '); 


echo ftell( $ fp). '<br>'; 
echo fread( $ fp,10). <br>'; 
echo ftell( $ fp). <br>'; 


fseek( $ fp,100,1); 


echo ftell( $ fp). <br>'; 
echo fread( $ fp,10). '<br>'; 
fseek( $ fp, — 10,2); 


echo fread( $ fp,10). '<br>'; 
rewind( $ fp); 

echo ftell( $ fp). '<br>'; 
fclose( $ fp); 

> 


6.1.4 文本 文件 的 写 入 和 追加 
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// 以 只 读 方式 打开 test. txt 

// 输 出 刚 打 开 文 件 时 指针 的 位 置 ,为 0 
// 读 取 文 件 中 前 10 个 字符 

// 文 件 指针 已 移动 到 第 11 个 字 节 处 ， 
// 输 出 10 

// 文 件 指针 从 当前 位 置 向 后 移动 100 
// 个 字 节 

// 当 前 文件 指针 在 110 字 节 处 

// 读 取 110 到 119 字 节 数 的 字符 串 
// 将 指针 从 文件 末尾 向 前 移动 10 个 
// 字 节 

// 输 出 文件 中 最 后 10 个 字符 

// 将 指针 移动 到 文件 开头 

// 指 针 在 文件 开头 位 置 ,输出 0 

// 关 闭 文 件 资源 


有 时 需要 将 程序 中 的 数据 保存 到 文本 文件 中 ,为 此 PHP 提供 了 写 入 文件 操作 的 函数 ， 
包括 fwrite() 函 数 ,fputs() 函 数 和 file_put_contents() 函 数 。 


1. fwrite() 函 数 


fwrite() 函 数 可 以 将 一 个 字符 串 写 人 到 文本 文件 中 ,语法 如 下 : 


int fwrite( resource handle, string string [, int length]) 


该 函数 将 第 二 个 参数 指定 的 字符 串 写 和 人 到 第 一 个 参数 指向 的 文件 中 。 如 果 设 置 了 第 三 
个 参数 length, 则 最 多 只 会 写 人 length 个 字符 ,否则 一 直 写 入 ,直到 达到 字符 串 未 尾 。 
(1) 如 果 要 写 入 两 个 字符 串 到 文件 中 ,示例 代码 如 下 : 


<? $fp=fopen("new.txt","w"); 


fwrite( $ fp, ' 这 是 写 和 的 一 行 话 \n'); 
fwrite( $ fp, ' 最 多 写 入 12 个 字符 \n', 12); 


fclose( $ fp); 
?> 


// 以 写 入 方式 打开 new. txt 


// 关 闭 文件 资源 


这 样 就 会 将 “这 是 写 人 的 一 行 话 \n” 写 人 到 new. txt 中 ,如 果 new. txt 不 存在 . 则 fopen() 函 数 
会 自动 创建 文件 ,如 果 new. txt 已 经 存在 并 且 有 内 容 , 则 会 删除 new. txt 中 的 内 容 再 写 人 。 
(2) 如 果 不 希 望 在 写 和 时 删除 文件 中 原 有 的 内 容 , 可 以 采用 追加 写 入 的 方式 。 代 码 如 下 : 


<? $fp=fopen("new.txt","a"); 
fwrite( $ fp, ' 这 是 写 信 的 一 行 话 \n'); 
fclose( $ fp); 

?> 


// 以 追加 写 入 方式 打开 new. txt 


// 关 闭 文件 资源 
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如 果 和 希望 在 写 入 后 再 读 取 文件 中 的 内 容 , 可 以 采用 可 读 写 的 方式 写 信 ,代码 如 下 :; 


<? $fp=fopen("new.txt","w+"); // 以 读 写 方式 打开 new. txt 

fwrite( $ fp, ' 这 是 写 人 的 一 行 话 \n\r'); 

rewind( $ fp); // 将 指针 指向 文件 开头 

$ str = fread( $ fp, 20); // 读 取 文 件 中 前 20 个 字符 保存 到 $ str 中 
echo $ str; 

fclose( $ fp); // 关 闭 文件 资源 

Rn 


注意 : 写 入 后 文件 指针 指向 了 文件 末尾 ,要 读 取 文件 内 容 的 话 ,需要 先 将 指针 移 回 文件 
开头 。 
如 果 要 写 入 很 多 行 字 符 串 到 文件 中 ,可 以 使 用 循环 语句 。 例 如 : 


for( $i=0;$i<10;$i+t+) 
fwrite( $ fp, $i. ' 这 是 写 人 的 一 行 话 \n\r'); 
2. file_put_contents( ) 函数 
file_put_contents() 函 数 无 须 经 过 打开 文件 及 关闭 文件 的 操作 就 可 将 字符 串 写 入 文件 ， 
其 语法 如 下 ,如 果 写 入 成 功 , 则 返回 写 入 的 字 节 数 。 
int file put_contents(string filename, string data[, int mode]) 


其 中 ,filename 指定 要 写 人 的 文件 路 径 及 文件 ; data 指定 要 写 入 的 内 容 , 可 以 是 字符 串 , 数 
组 或 数据 流 ; mode 指定 如 何 打 开 / 写 和 文件, 如果 是 FILE_APPEND, 表 示 追 加 写 和 人 。 


例如 : 
<? file_put_contents( 'news. txt', ' 第 一 次 '); // 写 和 人 字符 串 
$ data = ' 要 写 人 的 数据 '; 
$ num = file_put_contents( 'news. txt', $ data, FILE_APPEND); // 追 加 方式 写 入 
echo $ num; // 返 回 写 入 的 字 节 数 
?> 


6.1.5 读 写 文件 的 应 用 一 一 制作 计数 器 


很 多 网 站 中 都 有 计数 器 ,用 来 记录 网 站 的 访问 量 。 制 作 计数 器 一 般 可 以 采用 两 种 方法 : 

(1) 利用 文本 文件 实现 ,利用 PHP 程序 读 写 文本 文件 中 的 访问 次 数 信息 来 实现 计数 
功能 。 

(2) 利用 图 像 文件 实现 ,首先 仍然 是 用 PHP 程序 读 写 文本 文件 中 的 数字 信息 ,然后 把 
数字 值 和 图 像 文件 名 一 一 对 应 起 来 ,并 予以 显示 。 


1. 用 文件 实现 计数 器 


该 方法 将 网 站 的 访问 次 数 记录 在 一 个 文本 文件 中 , 当 有 用 户 访问 该 网 站 时 ,打开 并 读 取 文 
件 中 的 访问 次 数 ,将 该 值 加 1 后 显示 在 网 页 上 ,然后 再 将 新 的 值 写 回 到 文件 中 。 代 码 如 下 : 


<? $fp=fopen("count.txt","r+"); 
$ Visitors= intval(fgets( $ fp)); 
S$SVisitors++ 7 
rewind( $ fp); 
fwrite( $ fp, $ Visitors); 
fclose( $ fp);?> 
<html><body> 
< h2 > 欢迎 进入 PHP 的 世界 </h2 >< hr > 
您 是 本 站 第 <? = $ Visitors ?> 位 贵宾 . 
</body ></html > 


运行 上 述 程序 前 应 先 在 当前 目录 下 新 建 一 
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// 读 取 文 件 中 的 内 容 

// 将 计数 器 加 1 

// 将 文件 指针 指向 开头 ,以便 重 新 写 
// 将 计数 器 值 写 入 count. txt 文件 之 中 


个 count. txt 文件 并 且 在 第 一 行 开头 输入 0。 


当 用 户 访问 该 网 页 时 ,程序 每 执行 一 次 就 会 使 count. txt 文件 中 的 数字 加 1。 


2. 对 计数 器 设置 防 刷新 功能 


上 面 的 计数 器 可 以 通过 刷新 使 计数 器 的 值 增加 ,这 在 许多 情况 下 是 不 希望 看 到 的 。 为 
了 解决 这 个 问题 ,可 通过 SESSION 变量 判断 是 否 是 同一 用 户 在 重复 刷新 网 页 。 具 体 代码 


如 下 : 


<? session_ start(); 
$ fp = fopen("count. txt", "r+ "); 
$ Visitors = intval (fgets( $ fp)); 
if(! $ _SESSION[ 'connected']){ 
$ Visitors+t+; 
$ _SESSION[ 'connected'] =true; } 
rewind( $ fp); 
fwrite( $ fp, $ Visitors); 
fclose( $ fp); 
?> 


您 是 本 站 第 <? = $ Visitors ?> 位 贵宾 . 


当 用 户 第 一 次 访问 时 ,$ _SESSION[ 'connected'] 的 值 为 空 


// 读 取 原 有 访问 次 数 
// 将 访问 次 数 加 1 


// 将 新 的 访问 次 数 写 回 文件 


xz ,就 会 使 $ Visitors 的 值 加 


1。 而 访问 一 次 后 , $ _SESSIONL 'connected'] 的 值 就 被 设 为 true, 这 样 , 当 该 用 户 再 次 访问 
或 刷新 网 页 时 ,SESSION 变量 的 值 不 会 丢失 ,仍然 为 true, 就 不 会 使 $ Visitors 的 值 加 1 了 ， 
而 其 他 用 户 第 一 次 访问 时 $_SESSION[L'connected"] 变 量 的 值 仍然 为 空 。 


3, 用 文件 及 图 像 实现 计数 器 


为 了 使 计数 器 美观 ,可 以 设计 0~9 各 个 数字 对 应 的 
GIF 图 片 (0. gif 一 9. gif) ,把 它们 放 在 网 站 中 相应 目录 下 ， 1 
然后 根据 计数 的 数值 读 取 调用 指定 的 GIF 图 片 ,从 而 实现 于 加 周 ww /ocdwsJpw eu 
图 片 数字 的 计数 器 ,代码 如 下 ,运行 效果 如 图 6-2 所 示 。 


<? session_ start(); 

$ fp = fopen("count. txt", "r+"); 
$ Visitors = fgets( $ fp); 

if(! $ _SESSION[ 'connected']){ 


// 读 取 原 有 访问 次 数 


ost/ Phe 


迎 进 入 PHP 的 世界 


您 是 本 站 第 四 于 由 突 ， 一 | 


图 6-2 图 片 计数 器 的 效果 


204 ”pHp web 程序 设计 与 Ajax 技术 (第 2 版 ) 


$ Visitors++ ; // 将 访问 次 数 加 1 
$ _SESSION[ 'connected'] =true; } 
$ countlen= strlen( $ Visitors); // 获 取 访 问 次 数 的 数字 长 度 
// 逐 个 取 visitors 的 每 个 字 节 ,然后 串 成 < img src = ?.gif > 图 形 标记 
for( $i=0;$i<$countlen; Si++) // 下 面 输出 数字 对 应 的 img 元 素 


$num= $ num. "< img src=".substr( $ Visitors, $ i,1) .".gif ></img>"; 
rewind( $ fp); 
fwrite( $ fp, $ Visitors); // 将 新 的 访问 次 数 写 回 文件 
fclose( $ fp);?> 
<h2 > 欢迎 进入 PHP 的 世界 </h2 >< hr> 
您 是 本 站 第 <? = $ num ?> 位 贵宾 . 


6.2 文件 及 目录 的 基本 操作 


6.2.1 复制 .移动 和 删除 文件 


PHP 提供 了 大 量 文件 操作 的 函数 ,可 以 对 服务 器 端的 文件 进行 复制 移动 .删除 截取 
和 重 命名 等 操作 。 这 些 函 数 如 表 6-4 所 示 。 
表 6-4 文件 的 基本 操作 函数 


函数 语法 结构 描 述 
copy() copy( 源 文件 ,目的 文件 ) 复制 文件 
unlink() unlink( 目 标 文件 ) 删除 文件 
rename() rename( 旧 文件 名 ,新 文件 名 ) 重 命名 文件 或 目录 ,或 移动 文件 
ftruncate() ftruncate( 目 标 文件 资源 ,截取 长 度 ) 将 文件 截断 到 指定 长 度 
file_exists() file_exists( 目 标 文件 名 ) 判断 文件 或 文件 夹 是 否 存在 
is_file() is_file( 文 件 名 ) 判断 指定 的 路 径 存 在 且 为 文件 


说 明 : rename() 函 数 既 可 重 命名 文件 ,也 可 移动 文件 ,如 果 旧 文件 名 和 新 文件 名 的 路 径 
不 同 , 就 实现 了 移动 该 文件 。 移 动 文件 还 可 以 使 用 move_uploaded_file() 函数 。 

表 6-4 中 前 4 个 函数 如 果 执 行 成 功 都 会 返回 true, 失 败 则 返回 false。 示 例 代码 如 下 : 

<? 

if(copy( 'test. txt', '. /data/bak. txt')) // 复 制 文件 示例 


echo ' 文 件 复制 成 功 '; 
else echo ' 文 件 复制 失败 , 源 文件 可 能 不 存在 '; 


// 删 除 文件 示例 

unlink( '. /test. txt'); // 删 除 当 前 文件 夹 下 的 test. txt 

// 移 动 文件 示例 

if(file_ exists('./data/bak. txt')){ // 判 断 源 文件 是 否 存在 
if(rename( '. /data/bak. txt', ‘tang. txt')) // 移 动 并 重 命名 为 tang. txt 


echo ' 文 件 移动 并 重 命名 成 功 '; 
else echo ' 文 件 移动 失败 '; 
1 


提示 : 
(1) 复制 .移动 文件 操作 都 不 能 自动 创建 文件 夹 ,因此 应 保证 当前 目录 下 data 文件 夹 
存在 ,才能 运行 该 程序 。 
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(2) 如 果 执 行 删除 文件 失败 ,提示 Permission denied, 一 般 是 网 站 访问 用 户 没 有 删除 文件 
的 权限 ,只 要 在 删除 文件 所 在 目录 上 右 击 , 在 “属性 ”面板 的 的 “安全 ”选项 卡 中 ,给 “Internet 来 
宾 账 户 ” 加 上 修改 的 权限 即 可 。 


6.2.2 获取 文件 属性 


在 进行 编程 时 ,需要 使 用 到 文件 的 一 些 常见 属性 ,如 文件 大 小 ,文件 类 型 ,文件 的 修改 时 
间 等 。PHP 提供 了 很 多 获取 这 些 属性 的 内 置 函 数 ,如 表 6-5 所 示 。 


表 6-5 PHP 获取 文件 属性 的 内 置 函数 


函 数 名 说 明 示 例 

filesize() 只 读 ,返回 文件 的 大 小 $ fsize 一 filesize('tang. txt') 

filetype() 只 读 ,返回 文件 的 类 型 ,如 文件 或 文件 夹 filetype( 'tang. txt') ,返回 file 

filectime() 返回 文件 创建 时 间 的 时 间 戳 date('Y-m-d H: i: s',filectime('6-10. php7) 


filemtime() | 只 读 ,返回 文件 的 修改 时 间 
fileatime( ) 只 读 , 返 回 文件 的 访问 时 间 


realpath() 返回 文件 的 物理 路 径 realpath( '6-10. php') 

pathinfo() 以 数组 形式 返回 文件 的 路 径 和 文件 名 信息 print_r(pathinfo( '6-10. php ')) 

dirname() 返回 文件 相对 于 当前 文件 的 路 径 信息 dirname( '6-10. php') ,返回 <.” 

basename() | 返回 文件 的 文件 名 信息 basename( '6-10. php') 

stat() 以 数组 形式 返回 文件 的 大 部 分 属性 值 print_r(stat( '6-10. php')) 
说 明 : 


(1) 如 果 要 返回 当前 文件 的 文件 名 ,除了 可 使 用 basename(' 当 前 文件 名 ') 外 ,更 简单 的 
方法 是 使 用 PHP 的 系统 常量 * _FILE_”, 如 : echo" 文 件 名 : "._ FILE _，。 

(2) 对 于 Windows 系统 ,filetype() 返 回 的 文件 类 型 只 可 能 是 file( 文 件 )、dir( 目 录 ) 或 
unknown( 未 知 ) 三 种 文件 类 型 。 而 在 UNIX 系统 中 ,可 以 获得 block ,char dir fifo ,file link 
和 unknown 7 种 文件 类 型 。 这 是 因为 PHP 是 以 UNIX 的 文件 系统 为 模型 的 。 

(3) dirname() 并 不 会 判断 返回 的 文件 路 径 信息 是 否 存在 ,如 果 要 判断 路 径 是 否 存在 ， 
应 使 用 is_file() 函 数 。 

(4) 函数 pathinfo() 返 回 一 个 关联 数组 ,其 中 包括 文件 或 文件 夹 的 目录 名 、 文 件 名 、 扩 
展 名 、 基 本 名 4 部 分 ,分 别 通过 数组 键 名 dirname、basename、extension 和 filename 来 引用 。 

下 面 是 一 个 获取 并 显示 文件 tang. txt 各 种 属性 的 示例 程序 ,其 运行 结果 如 图 6-3 所 示 。 

<h2 align = "center"> 获 取 文 件 属性 示例 程序 </h2 > 

<? $file= 'tang.txt'; 

echo "< br > 文件 名 :" .basename( $ file); 

//echo "<br > 文件 名 :".__FILE _; 

$ patharr = pathinfo( $ file); 

echo "< br > 文件 扩展 名 :". $ patharr[ 'extension']; 

echo "< br > 文件 属性 :" . filetype ( $ file); 

echo "< br > 路 径 :". realpath( $ file); 

echo "<br> 大 小 :" . filesize ( $ file); 


echo "< br > 创建 日 期 :" . date('Y-m-dH:i:s',filectime( $ file)) ; 
= 
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http: //1localhost/php/8/ eranple/0 170 07 
文件 时 编辑 到) 查看 W) 收藏 和 工具 0) 帮助 >” 
起 让 加 [ 镜 http-//1ocalhost/php/8/exanple/3. U/6-IT pip ”加 


获取 文件 属性 示例 程序 


路 径 ,D:\Dowmload\mr\8\example\8. 1\tang. txt | 
大 小 ，1962 
创建 日 期 ，2013-06-29 12:22:03 本 


图 6-3 获取 文件 属性 的 示例 程序 


6.2.3 目录 的 基本 操作 


使 用 PHP 提供 的 目录 操作 内 咎 函数 ,可 以 方便 地 实现 创建 目录 删除 目录 、 改 变 当前 
目录 和 遍历 目录 等 操作 。 这 些 内 兽 函 数 如 表 6-6 所 示 。 


表 6-6 目录 操作 函数 


函 数 名 说 明 示 例 
mkdir( pathname) 新 建 一 个 指定 的 目录 mkdir( "temp ) 
rmdir(dirname) 删除 指定 的 目录 ,该 目录 必须 为 空 rmdir( 'data') 
getcwd(void) 取得 当前 文件 所 在 的 目录 echo getcwd(); 
chdir(dirname) 改变 当前 目录 chdir('../); 
opendir( path) 打开 目录 ,返回 目录 的 指针 $ dirh= opendir( 'temp') 
closedir() 关闭 目录 ,参数 为 目录 指针 closedir( $ dirh)， 
readdir() 遍历 目录 $ file= readdir( $ dirh)) 
ED 以 数组 形式 遍历 目录 ,sort 参数 可 设置 升 | $ arr==scandir('D:\AppServ',1); 

序 或 降序 排列 print_r( $ arr); 
rewinddir() 和 rewinddir( $ dirh) 
录 开 头 
1. 遍历 目录 


有 时 需要 对 服务 器 某 个 目录 下 面 的 文件 进行 浏览 ,这 通常 称 为 遍历 目录 ,要 取得 一 
个 目录 下 的 所 有 文件 和 子 目 录 , 就 需要 用 到 opendir()、readdir()、rewinddir()、closedir() 
函数 。 

(1) opendir() 用 于 打开 指定 的 目录 ,其 参数 为 一 个 目录 的 路 径 ,打开 成 功 后 返回 值 为 指 
向 该 目录 的 指针 。 

(2) readdir() 用 于 读 取 已 经 打开 的 目录 ,其 参数 为 opendir 返回 的 目录 指针 , 读 取 成 功 
后 返回 当前 目录 指针 指向 的 文件 名 ,然后 将 目录 指针 向 后 移 一 位 , 当 指 针 位 于 目录 结尾 时 ， 
因为 没有 文件 存在 返回 false。 

(3) closedir() 用 于 关闭 已 经 打开 的 目录 ,其 参数 为 opendir() 返 回 的 目录 指针 , 它 没有 
返回 值 。 
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(4) rewinddir() 用 于 将 目录 指针 重新 指向 目录 开头 ,以 便 重新 读 取 目录 中 的 内 容 , 其 参 
数 为 opendir() 返 回 的 目录 指针 。 

下 面 是 一 个 遍历 并 输出 目录 下 所 有 文件 和 子 目录 的 实例 ,注意 在 运行 该 程序 前 请 确保 
当前 目录 下 存在 fnnews 文件 夹 。 程 序 的 运行 结果 如 图 6-4 所 示 。 


<? $num=0; // $ num 用 来 统计 子 目 录 和 文件 的 总 数 
$ dir = 'fnnews'; // $ dir 用 来 设置 要 遍历 的 目录 名 

$ dirh= opendir( $ dir); // 用 opendir() 打 开 目录 

?> 


< table border = "1" width= "600"> 

<caption><b> 目 录 <? = $ dir?> 中 的 内 容 </b></caption> 

<tr align= "left" bgcolor = "#cccccc"> 

<th> 文 件 名 </th>< th> 大 小 </th>< th> 类 型 </th>< th> 修 改 时 间 </th></tr> 


<? 
while( $ file= readdir( $ dirh)) { // 使 用 readdir 循环 读 取 目 录 里 的 内 容 
if( $file!="." && $filel="..") { 

$dirFile= $dir."/". $ file; // 将 目录 下 的 文件 和 当前 目录 连接 起 来 

$ numt+; 

echo '< tr bgcolor = '. $ bgcolor. >'; // 输 出 行 开始 标记 ,并 使 用 背景 色 

echo <td>'. $ file. ‘</td>'; // 显 示 文 件 名 

echo '<td>'. filesize( $ dirFile). ‘</td>'; // 显 示 文 件 大 小 

echo '<td>'. filetype( $ dirFile). '</td>'; // 显 示 文 件 类 型 

echo <td>'.date("Y/n/t", filemtime( $ dirFile))., ‘</td></tr>'; 

// 显 示 修 改 时 间 
}} 

closedir( $ dirh); // 关 闭 文件 操作 句柄 
?></table> 


在 <b><? = $dir?></b> 目 录 下 的 子 目 录 和 文件 共有 <b><? = $num?></b> 个 


http://localhost/php/8/eranple/8. 116 27 .9809 
文件 @) 人 E) 查看 D 收 若 人 工具 C) 帮助 中 
地 址 加) 网 am /1ocalhost/php/t /8. 1 


目录 fnnews 中 的 内 容 


大 小 类 型 矿 改 时 间 


PHP 教 学 进度 计划 . doc ‘84992 file [2013/3/31 
PHP 新 闻 发 布 管理 系统 v1.0|0 dir |2013/6/30 
新 闻 系统 使 用 说 明 , txt 2835 |file [2007/3/31 
访问 PHP WEB 开 发 社区 . html |66 ile |2007/3/31 


图 6-4 使 用 目录 处 理 函数 遍历 目录 下 的 内 容 


2. 创建 .删除 和 改变 目录 


创建 目录 前 先 要 判断 该 目录 是 否 已 存在 ,删除 目录 先 要 判断 目录 是 否 不 存在 。 下 面 是 
一 个 创建 .删除 和 改变 当前 目录 的 例子 : 
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<? 


if(!file exists( 'temp')) mkdir( ‘temp'); // 在 当前 目录 下 创建 temp 目录 
else echo ' 该 目录 已 存在 ,不 能 创建 < br >'; 

if(file exists('data')) rmdir( 'data'); // 在 当前 目录 下 删除 data 目录 
else echo ' 该 目录 不 存在 ,不 能 删除 < br >'; 

echo getcwd(); // 输 出 当前 所 在 目录 
chdir('../'); // 转 到 上 一 级 目录 

echo getcwd(); // 再 输出 当前 所 在 目录 


> 


说 明 :'../' 代 表 上 一 级 目录 ,'. /代表 当前 目录 ,'/' 代 表 网 站 根 目录 。 


虽然 rmdir() 能 删除 目录 但 它 只 能 删除 一 个 空 目录 。 如 果 要 删除 一 个 非 空 的 目录 ,就 
需要 先进 入 到 目录 中 ,使 用 unlink() 函 数 将 目录 中 的 所 有 文件 删除 掉 , 青 回来 将 这 个 空 目录 
删除 掉 。 如 果 目 录 中 还 有 子 目 录 , 而 且 子 目 录 也 非 空 ,就 先 要 删除 子 目 录 内 的 文件 和 子 目 
录 , 这 需要 使 用 递归 的 方法 。 下 面 自 定义 了 一 个 函数 delDir() 用 于 删除 非 空 的 目录 ,代码 


如 下 : 

<? // 功 能 :用 递归 的 方法 删除 非 空 的 目 
// 录 $dir 

function delDir( $dir) { 

if(file exists( $ dir)) { // 判 断 目录 是 否 存在 

if( $ dirh = opendir( $ dir)) { // 打 开 目录 返回 目录 资源 $ dirh 
while( $ filename = readdir( $ dirh)) { // 遍 历 目录 , 读 出 目录 中 的 文件 或 文 

// 件 夹 


if( $ filename!= "." && $ filenamel= "..") { // 一 定 要 排除 两 个 特殊 


的 目录 


$ subFile= $ dir."/". $ filename; // 将 目录 下 的 文件 和 当前 目录 相连 


if(is dir( $ subFile)) // 如 果 是 目录 
delDir( $ subFile); // 递 归 调 用 自身 删除 子 目录 
if(is file( $ subFile)) // 如 果 是 文件 
unlink( $ subFile); // 直 接 删 除 这 个 文件 
WN . 
closedir( $ dirh); // 关 闭 目 录 资源 
rmdir( $ dir); // 删 除 空 目录 
} 1 
delDir("fnnews10"); // 调 用 delDir() 函 数 , 将 当前 目录 中 的 
//fnnews 文件 夹 删除 
?> 
3. 复制 和 移动 目录 


复制 和 移动 目录 也 是 文件 操作 的 基本 功能 ,但 PHP 没有 提供 这 方面 的 内 置 函数 ,需要 
我 们 自己 编写 函数 来 实现 。 要 复制 一 个 包含 多 级 子 目 录 的 目录 ,需要 涉及 文件 复制 .目录 创 


建 等 操作 ,其 中 复制 文件 可 通过 copy0 〇 函数 实现 ,创建 目录 可 使 用 mkdir() 郴 


数 。 


函数 的 工作 流程 是 : 首先 创建 一 个 目标 目录 ,此 时 该 目录 为 空 , 然 后 对 源 目 录 进 行 遍 


历 ; 如 果 遇 到 的 是 普通 文件 , 则 直接 用 copy 函数 复制 到 目标 目录 中 ; 如 果 遍 


历时 遇 到 一 个 


子 目 录 , 则 必须 建立 该 目录 ,再 对 该 目录 下 的 文件 进行 复制 操作 ; 如 果 还 有 子 目 录 , 则 使 用 
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递归 调用 重复 操作 ,最 终 将 整个 目录 复制 完成 。 函 数 代码 如 下 : 


<? // 功 能 :复制 带 有 多 级 子 目录 的 
// 目 录 
function copyDir( $ dirSrc, $ dirTo) { 
if(is file( $ dirTo)) { // 如 果 目 标 是 一 个 文件 则 退出 
echo "目标 不 是 目录 不 能 创建 !!1"; 
return 0; // 退 出 函数 
} 
if(!file exists( $ dirTo)) // 如 果 目 标 目录 不 存在 则 创建 , 存 
// 在 则 不 变 
mkdir( $ dirTo) ; // 创 建 要 复制 的 目录 
if( $ dirh= @opendir( $ dirSrc)) { // 打 开 目 录 返 回 目录 资源 ,并 判断 
// 是 否 成 功 
while( $ filename = readdir( $ dirh)) { // 遍 历 目 录 , 读 出 目录 中 的 文件 或 
// 文 件 夹 


if( $ filename!="." && $ filename!="..") {  // 一 定 要 排除 两 个 特殊 的 目录 
$ subSrcFile= $ dirSrc."/". $ filename; // 将 源 目录 的 多 级 子 目录 连接 
$ subToFile= $ dirTo."/". $ filename; // 将 目标 目录 的 多 级 子 目 录 连 接 


if(is dir( $ subSrcFile) ) // 如 果 源 文件 是 一 个 目录 
copyDir( $ subSrcFile，$ subToFile); // 递 归 调用 自己 复制 子 目录 
if(is_file( $ subSrcFile)) // 如 果 源 文件 是 一 个 普通 文件 
copy( $ subSrcFile，$ subToFile); // 直 接 复制 到 目标 位 置 
} b 
closedir( $ dirh); // 关 闭 目 录 资 源 
J 
copyDir("fnnews10", "D:/admin"); // 调 用 测试 函数 


?> 


如 果 要 移动 目录 ,可 先 调用 copyDir() 函 数 复制 目录 ,然后 调用 delDir( $ dir) 删 除 原 来 的 
目录 即 可 。 当 然 ,移动 目录 也 可 使 用 rename() 函 数 对 目录 重 命名 ,如 rename("fnnews10"， 
"D:/admin")。 


6.2.4 统计 目录 和 磁盘 大 小 


计算 文件 的 大 小 可 以 通过 filesize() 函 数 来 完成 ,统计 磁盘 的 大 小 可 以 使 用 disk_free_ 
space() 和 disk_total_space() 两 个 函数 来 实现 。 但 PHP 没有 提供 统计 目录 大 小 的 函数 ,为 
此 ,我 们 可 以 编写 一 个 函数 来 完成 这 个 功能 。 该 函数 功能 是 : 如 果 目 录 中 没有 包含 子 目 录 
的 话 , 则 目录 下 所 有 文件 的 大 小 之 和 就 是 这 个 目录 的 大 小 。 如 果 包 含 子 目录 ,就 按照 这 个 方 
法 再 计算 一 下 子 目 录 的 大 小 ,使 用 递归 的 方法 就 可 完成 此 任务 。 函 数 的 代码 如 下 : 


<? function dirSize( $ dir) { // 自 定义 一 个 函数 dirSize(), 统 计 传 
// 入 参数 的 目录 大 小 
$ dir_size=0; //$ dir_size 用 来 统计 目录 大 小 
if( $dirh= opendir( $ dir)) { // 打 开 目 录 , 并 判断 是 否 能 成 功 打开 
while( $ filename = readdir( $ dirh)) { // 循 环 遍 历 目 录 下 的 所 有 文件 
if( $ filename!="." && $ filename!="..") { // 一 定 要 排除 两 个 特殊 的 目录 


$ subFile= $ dir."/". $ filename; // 将 目录 下 的 子 文件 和 当前 目录 相连 
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if(is dir( $ subFile)) // 如 果 为 目录 
$dir_size+= dirSize( $ subFile);  // 递 归 地 调用 自身 函数 , 求 子 目录 的 大 小 
if(is file( $ subFile)) // 如 果 是 文件 
$dir_size+= filesize( $ subFile); // 求 出 文件 的 大 小 并 累加 
} 和 
closedir( $ dirh); // 关 闭 文件 资源 
return $ dir size; // 返 回 计算 后 的 目录 大 小 
Dy 
$ dir_size= dirSize("fnnews"); // 调 用 函数 计算 目录 fnnews 的 大 小 
echo round( $ dir_size/pow(1024,1),2)."KB"; // 将 目录 大 小 以 "KB" 为 单位 输出 


ee 


(6.3 制作 生成 静态 页 面 的 新 闻 系 统 


有 些 网 站 采用 的 是 PHP 程序 系统 ,但 用 户 访 问 网 站 时 看 到 的 却 是 HTML 静态 页 面 
后 级 名 是 . html) ,这 是 因为 网 站 通过 程序 生成 了 静态 HTML 页 面 。 

利用 PHP 程序 生成 静态 HTML 页 面 的 好 处 很 多 : 首先 ,静态 页 面 不 需要 Web 服务 
器 解释 执行 ,用 户 打开 网 页 的 速度 会 快 些 ; 其 次 ,打开 静态 页 面 时 Web 服务 器 不 需要 访 
问 数据 库 ,减轻 了 对 数据 库 访问 的 压力 ; 再 次 ,静态 html 页 面 对 搜索 引擎 更 加 友好 ,使 网 
站 在 搜索 引擎 中 的 排名 能 够 上 升 。 当 然 , 生 成 静态 页 面 也 有 缺点 ,表现 在 : 随 着 时 间 的 推 
移 , 生 成 的 静态 页 面 越 来 越 多 ,会 占用 一 些 磁盘 空间 ,并 使 Web 服务 器 搜索 页 面 文件 的 时 
间 增 长 。 

PHP 生成 静态 页 面 的 主要 原理 是 利用 fopen() 方 法 创建 文本 文件 ,再 用 fwrite() 方 法 
向 文件 中 写 入 符合 HTML 格式 的 字符 串 。 因 此 ,用 户 在 后 台 添加 一 条 新 闻 后 ,PHP 程序 一 
方面 将 这 条 新 闻 作 为 一 条 记录 添加 到 数据 表 中 ; 另 一 方面 根据 这 条 新 闻 创 建 一 个 静态 的 
HTML 页 面 。 

创建 静态 HTML 页 面 过 程 是 : 首先 制作 一 个 新 闻 页 面 的 模板 页 ,然后 将 这 条 新 闻 的 各 
个 字段 替换 掉 模 板 页 中 的 标志 内 容 , 最 后 将 替换 后 的 模板 页 用 fwrite() 方 法 写 入 到 创建 的 
文件 中 , 即 生成 了 静态 HTML 文件 ,将 其 存放 在 网 站 相应 目录 下 。 之 所 以 要 使 用 模板 页 ， 
是 因为 如 果 完全 用 fwrite() 方 法 将 整个 网 页 的 HTML 代码 一 行 一 行 写 入 到 文本 文件 中 , 代 
码 量 太 大 。 

对 每 条 新 闻 创 建 静态 页 面 的 同时 ,仍然 需要 将 该 条 新 闻 添加 到 数据 库 中 ,这 是 为 了 方便 
对 静态 页 面 的 管理 ,例如 要 修改 或 编辑 静态 页 面 中 的 新 闻 内 容 , 就 可 以 修改 新 闻 在 数据 库 中 
对 应 的 记录 ,修改 后 再 重新 生成 静态 页 面 。 

本 节 将 制作 一 个 可 生成 静态 HTML 页 面 的 新 闻 系 统 ,该 新 闻 系 统 和 5. 6 节 中 制作 的 
新 闻 系 统 有 相似 的 地 方 ,具有 添加 、 删 除 和 修改 新 闻 的 功能 ,因此 也 需要 数据 库 的 支持 ,但 也 
有 不 同 的 地 方 , 表 现在 该 新 闻 系统 能 将 每 条 新 闻 生 成 静态 HTML 页 面 。 
制作 步骤 如 下 : @ 数 据 库 的 设计 ; @ 制 作 模板 页 ; @ 制 作 添加 新 闻 页 面 ; @ 制 作 修改 
新 闻 页 面 ; @ 制 作 删 除 新 闻 页 面 。 
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6.3.1 数据 库 设 计 和 制作 模板 页 
1. 数据 库 的 设计 


数据 库 中 保存 了 一 个 news 表 , 该 表 用 于 存放 所 有 新 闻 的 内 容 。news 表 中 的 字段 及 字 
段 类 型 如 表 6-7 所 示 。 
表 6-7 生成 静态 HTML 页 面 的 新 闻 系 统 数据 库 中 的 news 表 结 构 


字 段 名 字段 类 型 说 明 
id int( 自 动 递增 ) 新 闻 的 编号 
title varchar 新 闻 的 标题 
content text 新 闻 的 内 容 
author varchar 发 布 者 
time datetime 发 布 时 间 
bigclass varchar 新 闻 所 属 栏目 
filepath varchar 新 闻 对 应 的 静态 页 面 文件 的 路 径 


可 以 看 出 ,与 普通 的 新 闻 系 统 的 news 表 相 比 ,生成 静态 页 面 的 新 闻 系 统 主要 是 多 了 个 
filepath 字段 ,用 于 将 生成 的 HTML 文件 的 文件 名 和 路 径 保存 到 news 表 中 ,以 便 在 新 闻 列 
表 页 能 建立 到 这 些 HTML 文件 的 链接 。 


2. 新 闻 模 板 页 的 制作 


在 数据 库 中 再 新 建 一 个 表 moban, 用 来 保存 模板 页 的 HTML 代码 ,之 所 以 要 将 模板 页 
的 代码 保存 到 数据 表 中 ,是 为 了 方便 能 通过 新 闻 系 统 后 台 对 模板 页 的 代码 进行 修改 ,还 能 在 
moban 表 中 保存 多 个 模板 页 ,让 用 户 从 后 台 发 布 新 闻 时 可 以 选择 任意 一 套 模 板 。moban 表 
中 的 字段 及 字段 类 型 如 表 6-8 所 示 。 


表 6-8 ”保存 模板 页 的 moban 表 结 构 
ms 


字 段 名 字段 类 型 说 明 
id int( 自 动 递增 ) 模板 的 编号 
html text 模板 的 HTML 代码 


然后 新 建 模板 文件 ,模板 文件 的 代码 如 下 : 


<html >< head > 
< meta http - equiv = "Content - Type" content = "text/htm1; charset = gb2312" /> 
<title>-title-( -lanmu— )</title> 

</head> 

<body> 

<div style= "background: # ddd; width:480px; margin:0 auto;"> 

<hl align = "center" style= "border - bottom:1px dashed gray"> -title 一 </hl > 

<p style= "font:12px/1.5 ' 宋 体 '" align = "right"> 发 布 者 : - author - </p> 

<p style= "font:14px/1.8 ' 宋 体 '; text - indent:2em;"> - content- (发 布 时 间 : - time- )</p> 

</div> 

</body></html > 
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将 上 述 模板 文件 的 代码 复制 到 moban 表 中 一 条 记录 的 HTML 即 可 。 

说 明 : 

(1) 上 述 模 板 文 件 中 形 如 “-…-” 的 地 方 是 作为 标志 字符 供 实 际 新 闻 进 行 替换 的 地 方 , 例 
如 实际 新 闻 的 标题 将 替换 字符 串 -title- ,内容 将 替换 字符 串 -content- 等 。 这 样 蔡 换 后 就 是 一 
个 显示 实际 新 闻 的 静态 HTML 页 面 了 。 

(2) 该 模板 页 主要 为 说 明 原 理 ,因此 设计 得 比较 简单 ,读者 可 以 将 其 设计 得 更 美观 。 

下 面 来 制作 这 个 能 生成 静态 页 面 的 新 闻 发 布 系统 ,具体 步骤 是 : 首先 制作 一 个 添加 新 
闻 的 页 面 , 用 户 在 该 页 面 中 输入 新 闻 内 容 并 提交 新 闻 后 ,服务 器 端 获 取 该 页 面 表单 中 的 新 闻 
信息 ,一 方面 将 这 些 信息 添加 到 news 表 中 , 另 一 方面 蔡 换 模板 页 中 的 相关 位 置 字符 ,再 用 
fopen() 和 fwrite() 方 法 将 替换 后 的 模板 页 生成 为 HTML 文件 。 


3. 连接 数据 库 


新 闻 系 统 需 要 访问 数据 库 , 该 例 中 数据 库 名 为 htmldb, 新 建 一 个 数据 库 连 接 文 件 conn. 
php ,该 文件 的 代码 如 下 ,以 后 网 站 内 其 他 文件 需要 连接 数据 库 只 要 包含 conn. php 即 可 。 


<? $conn=mysql connect("localhost","root", "111"); 
mysql_query( "set names 'gb2312'"); 
mysql_select db("htmldb");?> 


6.3.2 新 闻 添 加 页 面 和 程序 的 制作 
1. 制作 新 闻 添 加 的 前 台 页 面 addnews. php 


新 闻 添 加 页 面 addnews. php 实际 上 是 一 个 纯 静 态 页 面 ,该 页 面 中 只 有 一 个 表单 ,供用 
户 添加 新 闻 。 代 码 如 下 ,显示 效果 如 图 6-5 所 示 。 


<h2 align = "center"> 添 加 新 闻 页 面 </h2 > 
< form method = "post" action = "add. php"> 
<table width= "600" border = "0" align = "center" cellpadding = "4" cellspacing = "1" bgcolor 
= "#333333"> <tbody bgcolor = "#ffffff"> 
<tr><td width= "125"> 新 闻 标 题 :</td> 
<td width = "475">< input type = "text" name = "title" size = "30"></td></tr> 
<tr><td> 发 布 者 :</td> 
<td>< input type = "text" name = "author"></td> </tr> 
<tr><td> 所 属 栏目 :</td> 
<td>< input type = "text" name = "lanmu"></td></tr> 
<tr><td> 新 闻 内 容 :</td> 
< td>< textarea name = "content" cols= "30" rows= "3"></textarea></td></tr> 
<tr><td></td>< td>< input type= "submit" name = "Submit" value = "提交 "></td></tr> 
</tbody> 
</table></form> 


2. 保存 新 闻 到 news 表 的 程序 (add.php) 
接 下 来 ,获取 用 户 在 addnews. php 表单 中 输入 的 内 容 , 一 方面 将 这 些 内 容 蔡 换 掉 模 板 
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文件 四 ET pr ey ER 和 0 
地 址 @) [名 http://localhost/php/schtnl/adnin/ addnews2. php 站 


添加 新 闻 页 面 
新 闻 标 是 [ER 
发 者 TF 
所 民 信 上 | 二 有 一 一 一 
新 闻 内 容 ， 李 呈 于 上 坟 的 本 玫 基因 ”是 


图 6-5 新 闻 添 加 页 面 addnews. php 的 运行 结果 


页 代码 中 相应 位 置 的 标识 符 , 再 将 替换 后 的 模板 页 代码 用 fwrite() 方 法 写 和 人 到 一 个 后 缀 名 
为 . html 的 文本 文件 中 ,该 文件 即 是 生成 的 静态 HTML 页 面 。 ie de 2 
条 记录 插入 到 news 表 中 。 这 两 步 的 顺序 最 好 是 先生 成 静态 页 面 , 再 往 数据 库 中 插 人 记录 。 
代码 如 下 : 


<? require("conn. php"); 
$ title= $ _POST[ "title"]; // 获 取 用 户 在 表单 中 输入 的 内 容 
$author = $ _POST["author"]; 
$ lanmu = $ _POST["lanmu" ]; 
$ content = $ _POST["content"]; 
$time=date("Y—-m- dH:i:s"); 
// 创 建 存放 当天 静态 HTML 文件 的 目录 
$ root = $ _SERVER[ 'DOCUMENT ROOT']; 
$ foldername = date("Y—-m- d"); 


$ folderpath="../list/". $ foldername; // 目 录 形式 是 "list\2013 - 07- 01" 
if(!file exists( $ folderpath)) // 如 果 该 目录 不 存在 
mkdir( $ folderpath) ; // 创 建 该 目录 
// 用 时 间 创 建 HTML 文件 的 文件 名 
$ filename = date("H— i—s").".htm]l"; 
$ filepath= $ folderpath. "/". $ filename; // 得 到 文件 相对 于 网 站 根 目录 的 URL( 路 径 
// 名 加 文件 名 ) 
if(!file exists( $ filepath)){ // 如 果 待 生成 的 文件 不 存在 
// 从 moban 表 中 读 取 模 板 页 代码 


$ sql = "select html from moban where id= 2"; 

$ rs=mysql query( $ sql); 

$ rows = mysql_fetch row( $ rs); 

$ moban= $ rows[0]; // 将 模板 页 代码 保存 到 $ moban 
// 蔡 换 模板 页 中 相应 的 标识 符 

$ moban = str_replace(" ~ lanmu 一 "，$ lanmu, $ moban); 

$ moban = str_replace(" 一 title 一 "， $title, $ moban); 

$ moban = str_replace(" ~ time—", $ time, $ moban); 

$ moban = str_replace(" ~ content ~ ", $ content, $ moban); 
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$ moban = str_replace(" — author — ", $ author, $ moban); 


// 把 替换 过 了 的 模板 页 写 入 文件 
$ fp= fopen( $ filepath, "w"); // 创 建 HTML 文件 
fwrite( $ fp, $ moban); // 将 替换 好 的 模板 页 内 容 写 人 到 文件 中 


fclose( $ fp); 
$ filepath= $ foldername."/". $ filename;  // 保 存 生成 的 HTML 文件 的 路 径 
// 将 用 户 在 表单 中 输入 的 内 容 插入 到 数据 表 中 
$ sql = " insert into newscontent (bigclass, title, content, filepath, author, time) 
values ('$ lanmu', '$ title', '$ content', ' $ filepath', ' $ author', ' $ time')"; 
if(mysql_query( $ sql)) // 如 果 插 入 成 功 
echo "< script > if (confirm( ' 添 加 成 功 ! 是 否 继 续 添加 -继续 添加 :返回 查看 ')) 
{window. location = 'addnews2. php'}else {window. location = 'adminnews. php'} </script >"; 
else 
echo "< script > alert( ' 添 加 失败 ! ') ;location. href = 'adminnews. php';</script >"; 
1 


为 了 运行 该 程序 ,首先 必须 在 该 程序 所 在 目录 的 上 一 级 目录 下 建立 一 个 名 为 list 的 子 
目录 ,这 个 子 目 录用 于 存放 所 有 自动 生成 的 HTML 文件 。 但 是 随 着 时 间 的 推移 ,用 该 程序 
生成 的 HTML 文件 可 能 会 越 来 越 多 ,如 果 都 直接 放 在 html 目录 下 , 则 该 目录 下 的 文件 太 
多 太 乱 ,不 好 管理 。 

为 此 该 程序 在 html 目录 下 根据 当天 的 日 期 新 建 子 目录 ,把 当天 生成 的 新 闻 文 件 都 放 在 
这 个 子 目录 下 。 这 样 打开 这 些 静 态 页 面 时 就 能 看 到 诸如 http://localhost/list/2013-07-02/ 
18-16-26. html 这 样 的 URL。 

而 文件 名 是 根据 当前 的 系统 时 间 得 到 的 ,程序 中 采用 了 FY 013-0r-oe 
date("H-i-s").". html 来 生成 文件 名 。 执 行 addnews. php 并 位 于 该 文件 
单 击 “提交 ”按钮 后 ,就 会 发 现在 list 目录 下 生成 了 如 图 6-6 所 
示 的 文件 夹 和 HTML 文件 ,双击 该 HTML 文件 就 可 打开 如 
图 6-7 所 示 的 新 闻 页 。 图 6-6 生成 的 文件 夹 和 文件 


宣 这 是 第 一 条 新 闻 ( PIT 程序 员 ) - Micresoft Taterseez 国 [si 
文件 外 ”编辑 E) 查看 外 收 襄 和 ) 工具 QD) 帮助 0 
于 好 | 息 http://1ocslhost/php/schtn1/1ist/2013-07-02/18-29-48. htrl 国 | 


这 是 第 一 条 新 闻 


这 条 新 闻 格 被 添加 到 news 表 中 ， 并 将 会 生成 静态 的 HIML 页 面 
文件 ， 保 存在 对 应 目录 下 (发布 时 间 ，2013-07-02 18:29:48) 国 


图 6-7 打开 生成 的 静态 HTML 文件 


可 见 , 每 个 HTML 文件 的 文件 名 就 是 由 当前 日 期 和 时 间 值 (精确 到 秒 ) 组 成 ,只 要 不 在 
同一 秒 钟 之 内 发 布 两 条 新 闻 , 则 每 个 文件 的 文件 名 都 不 会 重复 ,新 建 的 文件 就 不 会 覆盖 以 前 
的 文件 。 当 然 ,为 防止 生成 的 文件 名 重复 ,更 安全 的 做 法 是 在 日 期 时 间 值 后 用 rand() 函数 
再 生成 一 个 几 位 的 随机 字符 串 作 为 文件 名 的 一 部 分 ,这 样 文件 名 更 加 不 可 能 重复 ,而 且 还 可 
防止 文件 名 被 浏览 者 猜测 到 。 
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6.3.3 新闻 后 台 管理 页 面 的 制作 


除了 能 发 布 新 闻 外 ,一 个 完整 的 新 闻 系 统 还 应 具有 新 闻 修 改 和 新 闻 删 除 的 功能 。 为 此 ， 
需要 先 制作 一 个 新 闻 后 台 管 理 页 面 (admin. php) ,该 页 面 用 来 显示 所 有 新 闻 的 列表 ,并 能 链 
接 到 新 闻 静 态 页 面 ,还 提供 了 “编辑 "和 “删除 ”的 链接 供用 户 执行 修改 或 删除 操作 。 整 个 程 
序 完全 是 读 取 news 表 中 的 数据 (类 似 于 5. 3. 1 节 中 的 5-6. php 文件 ) ,没有 涉及 fopen 方法 
对 文件 的 操作 。 关 键 代码 如 下 ,运行 效果 如 图 6-8 所 示 。 


<h2 align = "center"> 新 闻 系统 后 台 管理 </h2 > 
<p align = "right"><a href = "addnews2. php"> 添 加 新 闻 </a></p> 
<table width = "600" border = "0" align = "center" cellpadding = "6" cellspacing = "1" bgcolor 
="#FFOOFF">< tbody bgcolor = "#ffffff"> 
<tr><th> ID</th><th> 新 闻 标 题 </th> < th> 发 布 者 </th> 
<th> 发 布 时 间 </th> <th> 操 作 </th> </tr> 
<? require("conn.php"); 
$ sql = " select * from newscontent order by id desc"; 
$ rs=mysql query( $ sql); 
if(mysql_ num rows( $ rs)){ 
while( $ row = mysql_fetch assoc( $ rs)){ ?> 
<tr><td rowspan= "2"><? = $row['id']?></td> 
<td><a href ="../list/<?= $row['filepath']?>"><? = $row['title']?></a></td> 
<td><?= $rowl'author']?></td> <td><?= $row['time']?></td> 
<td rowspan = "2"><a href = "editnews. php?id=<? = $row[ 'id']?>"> 编 辑 </a> 
<a href = "del.php?id=<? = $row['id']?>"> 删 除 </a></td> </tr> 
<tr><td colspan = "3"> 内 容 :<? = $ row[ 'content']?> </td> </tr> 
<2 
else echo <p> 没 有 找到 任何 新 闻 </p>'; ?> 
</tbody ></table> 


可 见 ,与 5-6. php 相 比 ,该 程序 每 条 新 闻 的 标题 都 是 链接 到 生成 的 静态 HTML 文件 的 
URL 上 ($row[ filepath 门 保存 了 静态 文件 的 URL 地 址 ) ,这 样 用 户 才能 通过 链接 打开 这 些 
HTML 文件 。 


池 新 闻 系 统 后 台 管理 - oft Internet Explorer 


文件 中 编辑 中 pr 由 工具 中 帮助 吕 三 四 
她 奸 @ 篇 http://1ocslhost/schtnl/adnin php SE 
新 闻 系 统 后 台 管 理 


ID 新 闻 标 题 发 布 者 发 布 时 间 

也 | 这 是 第 一 条 新 闻 小 乐 2011-6-11 15:46:36 
内 容 ， 这 条 新 闻 将 被 添加 到 news 表 中 ， 并 将 会 生成 静态 的 HTIL 页 面 
世 懂 非 懂 是 的 身份 是 否 2011-6-10 20:41:19 
内 容 ， 是 的 四 谤 法 发 生 的 的 方法 似 懂 非 懂 是 是 的 发 送 方 的 四 谤 法 
的 发 送 到 的 的 四 谊 阿 萨 芬 的 的 是 ”| 2011-6-10 20:15:18 

10 | 内 容 : 阿 萨 德 师范 的 说 法 始 说 法 四 说 法 萨 共 收 到 似 慌 非 懂 


站 Fe We ER 
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图 6-8 新 闻 后 台 管理 页 面 (admin. php) 
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6.3.4 新 闻 修 改 页 面 的 制作 


当 单 击 图 6-8 中 的 “编辑 ”时 ,就 会 链接 到 新 闻 修 改 页 面 (editnews. php) ,该 页 面 首 先 提 
供 一 个 表单 供用 户 修改 信息 (表单 中 要 显示 原来 的 信息 )。 当 提交 修改 后 的 信息 后 ,程序 一 
方面 更 新 这 条 新 闻 在 news 表 中 的 对 应 记录 , 另 一 方面 还 要 重新 生成 同名 的 HTML 文件 ， 
这 样 会 自动 覆盖 原来 的 HTML 文件 。 

因此 editnews. php 中 的 PHP 程序 主要 有 以 下 三 方面 的 功能 : 四 获取 admin. php 页 传 
过 来 的 ID 值 ,根据 ID 读 取 原 来 的 记录 ,显示 在 该 页 的 表单 中 供用 户 修改 ; @@ 当 用 户 提 交 该 
页 的 表单 后 ,用 用 户 提交 的 信息 更 新 news 表 中 对 应 的 记录 ; @ 用 用 户 提交 的 信息 替换 模板 
页 中 的 相应 字符 ,再 重新 生成 同名 的 HTML 文件 。 具 体 代码 如 下 ,运行 效果 如 图 6-9 所 示 。 


<? require("conn. php"); 
$id= $_GET["id"]; 
if( $ _POST["Submit"]) { // 如 果 单 击 了 "提交 "按钮 
$ title= $_POST[ "title" ]; // 获 取 用 户 输入 的 内 容 
$author = $ _POST["author"]; 
$ lanmu= $ _POST["lanmu"]; $ content = $ _POST[ "content"]; 
$path= $_POST["path"]; $ time= $ _POST[ "time"]; 
// 获 得 已 生成 的 静态 HTML 文件 路 径 
$ root = $ _SERVER[ 'DOCUMENT ROOT']; 
$ filepath="../list/ $ path"; 
if(file exists( $ filepath) ){ // 如 果 静 态 HTML 页 面 存在 
$ sql = "select html from moban where id = 2"; // 读 取 模 板 页 
$ rs= mysql_query( $ sql); 
$ rows= mysql fetch row( $ rs); 
$ moban = $ rows[0]; 
// 蔡 换 模板 页 中 对 应 字符 串 
$ moban = str_replace(" ~ lanmu 一 "，5$ lanmu, $ moban); 
$ moban = str_replace("— title—", $title, $ moban); 
$ moban = str_replace("— time—", $ time, $ moban); 
$ moban = str_replace(" - content ~ ", $ content, $ moban); 
$ moban = str_replace(" ~ author — ", $ author, $ moban); 
$ fp = fopen( $ filepath, "w"); 
fwrite( $ fp, $ moban); // 将 依据 模板 页 生成 的 HIML 代码 写 人 到 文件 中 
fclose( $ fp);} 
// 修 改 数 据 表 中 对 应 的 记录 
$ sql = "update newscontent set title= '$ title', content = ' $ content', author = ' $ author’, 
bigclass = '$ lanmu' where id= $ id"; 


if(mysql_query( $ sql)) // 如 果 SQL 语句 执行 成 功 
echo "< script language = javascript > alert( "修改 成 功 ! '); location. href = 'adminnews. 
php'</script >"; 
elseecho "< script language = javascript > alert( ' 修 改 失 败 ! ');location. href = 'adminnews. 
php'</script >"; 
die(); // 退 出 程序 


} 

$ sql = "select * from newscontent where id= $ id"; // 读 取 ID 对 应 的 记录 
$ rs=mysql query( $ sql); 

$ row=mysql fetch assoc( $ rs); // 接 下 来 将 记录 显示 在 表单 中 
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> 
<h3 align = "center"> 新 闻 修 改 页 面 </h3 > 
< form method = "post" action = "?id=<?= $row['id'] ?>"><! -- 提交 表单 将 发 送 URL 字符 串 --> 
<table width= "480" border = "0" align = "center" cellpadding = "4" cellspacing = "1" bgcolor 
= "#333333"> < tbody bgcolor = "#ffffff"> 
<tr><td width= "125"> 新 闻 标题 : </td> 
<td width= "375">< input type = "text" name = "title" size= "30" value=<? = $row['title']? 
></td> </tr> 
<tr>< td> 发 布 者 : </td> 
<td>< input type = "text" name= "author" value =<? = $ row[ 'author'] ?></td></tr> 
<tr>< td> 所 属 栏 目 : </td> 
<td>< input type = "text" name = "lanmu" value =<? = $row['bigclass'] ?>></td> </tr> 
<tr><td> 新 闻 内 容 : </td> 
<td>< textarea name = "content" cols = "30" rows = "3"><? = $row['content'] ?> </textarea> 
</td> </tr> 
<tr><td>< input name = "time" type = "hidden" value = "<?= $row['time'] ?>"> 
< input name = "path" type = "hidden" value = "<? = 5$ row[ 'filepath'] ?>"></td> 
<td>< input name = "Submit" type= "submit" value= " 提 交 "> </td> </tr> 
</tbody> </table> 
</form> 


http://localhost/schtel/editform. nsp?id=10 = Nicrosoe01 0 


文件 中 编辑) 查看 WW 收藏 W) 工具 WD 帮助 如 研 汪 第 
地 址 名) | 联 http://ocahost/schtnl/ editners php ?id=10 本 [SEE 
新 闻 修 改 页 面 


新 闻 标题 ， | 


发 布 者 ， FE | 
所 属 栏目 ， 


下 国 铁 天 的 新 齐 程 神 ， 武 广 高 束 猴 
新 闻 内 容 : 路 即将 通车 ， 时 速达 350 公 里 的 起 
高 速 铁路 从 武汉 到 广州 ， 全 长 ” 国 


EJ 
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说 明 : 该 文件 将 显示 表单 的 程序 和 获取 表单 并 修改 数据 的 程序 写 在 了 同一 个 页 面 , 通 


过 是 否 按 了 “提交 ”按钮 来 判断 是 否 提 交 了 表单 。 表 单 中 有 两 个 隐藏 域 ,用 于 发 送 新 闻 的 发 
布 时 间 (time) 和 新 闻 页 面 的 路 径 (filepath) 两 个 信息 ,这 两 个 信息 不 要 求 用 户 可 见 , 但 对 找 
到 对 应 的 静态 HTML 文件 是 必要 的 。 


6.3.5 ”新闻 删 除 页 面 的 制作 


当 用 户 单 击 图 6-8 中 的 “删除 ”链接 时 ,就 会 链接 到 新 闻 删 除 页 面 (del. php) ,该 页 面 的 
功能 也 是 分 为 两 部 分 : 其 一 是 将 这 条 新 闻 对 应 的 记录 从 news 表 中 删除 ; 其 二 是 删除 该 新 
闻 对 应 的 静态 HTML 文件 。 这 是 必要 的 ,否则 浏览 者 还 可 以 通过 直接 输入 HTML 文件 的 
URL 访问 该 新 闻 页 面 。del. php 的 代码 如 下 : 
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<? require("conn.php"); 


?> 


Sid= $ _GET[ "id"]; // 获 取 新 闻 的 ID 

$ sql= "select * from newscontent where id= $ id"; 

$ rs=mysql query( $ sql); 

$ rows = mysql_fetch assoc( $ rs); 

$ path= $ rows[ "filepath" ]; // 找 到 待 删除 新 闻 对 应 的 静态 HTML 文件 的 URL 

$ root = $ _SERVER[ 'DOCUMENT ROOT']; 

$ filepath= "../list/". $ path; 

if(file exists( $ filepath)) 
unlink( $ filepath) ; // 删 除 静 态 HTML 文件 
// 找 到 为 存放 静态 HTML 文件 而 创建 的 目录 

$ path = substr( $ path, 0,10); 

$ folderpath=".. /list/ $ path"; 


$ folder = opendir( $ folderpath); // 打 开 该 目录 

$n=0; 

while( $f= readdir( $ folder)){ 
(RE < "SY Ec"..") // 如 果 目 录 中 还 有 其 他 文件 

$ntt; 

} 

closedir( ); 

if( $n==0) // 目 录 中 已 经 没有 任何 文件 
rmdir( $ folderpath) ; // 删 除 该 目录 


$ sql = "delete from newscontent where id= $ id"; // 删 除数 据 表 中 的 记录 
if(mysql_query( $ sql)) 

echo "< script > alert( ' 删 除 成 功 ! ') ;window, location= 'admin. php'</script >"; 
else echo "< script > alert( ' 操 作 错 误 ! ') ;window. location = ‘'admin. php'</script >"; 


至 此 ,一 个 简单 的 生成 静态 HTML 页 面 的 新 闻 发 布 系 统 就 基本 实现 ,读者 还 可 以 在 
news 表 中 给 新 闻 添 加 一 个 所 属 栏目 的 字段 ,使 新 闻 在 首页 能 按 栏目 分 类 显示 。 并 增加 模板 
代码 管理 页 ,模板 管理 页 通过 对 moban 表 中 记录 的 修改 实现 对 模板 代码 的 修改 ,以 及 向 
moban 表 中 添加 新 记录 实现 增加 新 模板 页 等 。 


6.3.6 网 站 首页 和 栏目 首页 的 静态 化 


上 节 中 实现 新 闻 页 面 静 态 化 的 方法 是 先 制作 一 个 模板 页 ,再 用 动态 数据 替换 模板 页 中 
的 相应 内 容 ,如 果 需 要 替换 的 内 容 较 少 ,上 述 方法 是 可 行 的 。 但 对 于 网 站 的 首页 或 栏目 首 
页 ,其 需要 替换 的 的 动态 内 容 相当 多 ,而且 其 要 替换 内 容 的 数量 可 能 还 不 是 固定 的 。 

为 此 ,实现 首页 和 栏目 首页 的 静态 化 通常 采用 男 一 种 更 为 简便 的 办 法 。 即 使 用 file_get_ 
contents() 函 数 将 PHP 文件 的 执行 结果 读 和 人 到 一 个 字符 串 变量 中 ,由 于 PHP 程序 的 执行 结 
果 是 一 串 静 态 HTML 代码 ,因此 可 将 执行 后 得 到 的 静态 页 代码 写 入 到 一 个 字符 串 中 ,再 将 
该 字符 串 写 入 到 文本 文件 中 , 即 得 到 一 个 静态 页 面 。 


1. file_get_contents() 表 数 


file_get_contents() 函数 的 语法 如 下 : 


string file get contents(string $ url) 
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其 中 ,参数 $ url 是 要 执行 的 文件 的 URL, 如 果 该 文件 是 动态 网 页 文件 , 则 该 参数 必须 
是 绝对 URL 地 址 ,而 不 能 是 相对 URL 地 址 。 因 为 ,要 执行 一 个 动态 网 页 文件 ,我 们 只 能 在 
浏览 器 地 址 栏 中 输入 该 文件 的 绝对 URL( 如 http://localhost/1. php), 而 不 能 输入 相对 
URL( 如 1. php) ,否则 该 函数 会 把 PHP 文件 的 源 代码 (而 不 是 执行 后 生成 的 HTML 代码 ) 
作为 返回 的 字符 串 。 

下 面 是 一 个 用 file_get_contents() 执 行动 态 PHP 文件 ,生成 静态 HTML 网 页 的 例子 。 


<? ob_start(); // 打 开 缓 冲 区 
// 执 行 PHP 文件 news. php, 将 执行 结果 (HTML 格式 字符 串 ) 赋 给 变量 $ str 
$ str = file_get_contents("http://localhost/php/news.php"); 


$ fp = fopen("test.html","w");  // 创 建文 件 test. html 


fwrite( $ fp, $ str); // 将 字符 串 $ str 写 人 test. html 中 ,test. html 即 为 静态 页 文件 
ob_end_clean(); // 清 空 缓冲 区 内 容 并 关闭 缓冲 区 

echo ' 静 态 HTML 文件 生成 成 功 ,请 打开 目录 查看 '; 

or 六 


该 程序 执行 成 功 后 ,在 当前 目录 下 ,就 会 生成 一 个 test. html 的 文件 ,其 内 容 正 是 news. 
php 的 执行 结果 。 

说 明 : 如 果 file_get_contents() 要 执行 的 URL 中 有 特殊 字符 ,例如 汉字 或 空格 ,就 需要 
用 urlencode() 进 行 URL 编码 。 


2. 用 include() 和 ob_get_contents() 方 法 生成 静态 文件 
生成 静态 文件 还 可 在 打开 缓冲 区 的 前 提 下 ,用 include() 方 法 去 包含 要 执行 的 动态 文 
件 , 这 样 该 动态 文件 就 会 在 缓冲 区 中 执行 ,执行 完毕 后 的 静态 HTML 代码 就 保存 在 缓冲 区 


中 ,然后 用 ob_get_contents() 方 法 去 获取 缓冲 区 中 的 内 容 . 将 这 些 内 容 保存 到 一 个 字符 串 
中 ,再 将 该 字符 串 写 人 到 文件 中 即 可 。 示 例 代 码 如 下 : 


<? ob_start(); // 打 开 缓冲 区 

include( 'news. php'); // 包 含 PHP 文件 news. php 

$ str = ob_ get _contents(); // 获 取 缓 冲 区 中 的 内 容 

$ fp = fopen("tt. html", "w"); // 创 建文 件 tt. html 

fwrite( $ fp, $ str); // 将 字符 串 $ str 写 入 tt. html 中 ,tt. html 即 为 静态 页 文件 
ob_end_clean(); // 清 空 缓冲 区 内 容 并 关闭 缓冲 区 


echo "静态 html 文件 生成 成 功 ,请 打开 目录 查看 '; 


?> 


3. 生成 静态 首页 文件 


为 了 方便 生成 静态 页 面 ,可 以 把 生成 静态 页 的 代码 写 在 一 个 函数 createhtml() 中 ,该 函 
数 接受 两 个 参数 : $ sourcePage 是 将 执行 的 动态 文件 的 URL 地 址 , $ targetPage 是 生成 的 
静态 文件 的 文件 名 。 函 数 代码 如 下 : 


220 " 


PHP Web 程序 设计 与 Ajax 技术 (第 2 版 ) 


function createhtm]( $ sourcePage, $ targetPage) { 
ob_start(); 
$ str= file get contents( $ sourcePage); 
$ fp= fopen( $ targetPage, "w") or die(" 打 开 文件 ". $ targetPage. "出 错 "); 
fwrite( $ fp, $ str); // 将 字符 串 $ str 写 入 目标 文件 中 
ob_end clean(); // 清 空 缓冲 区 内 容 并 关闭 缓冲 区 
echo "静态 HTML 文件 生成 成 功 ,请 打开 目录 查看 '; 
fclose( $fp); } 
// 下 面 将 生成 静态 的 首页 文件 ,只 要 调用 该 函数 执行 动态 首页 文件 即 可 
createhtml ("http://localhost/index. php", "index. html"); 


4. 生成 静态 栏目 首页 文件 


如 果 已 存在 一 个 动态 栏目 首页 文件 (如 list. php) ,要 生成 静态 栏目 首页 文件 ,也 只 需 调 
用 createhtml() 函 数 即 可 ,这 对 于 没有 分 页 显示 功能 的 栏目 首页 是 可 行 的 。 

但 是 ,一 个 栏目 中 可 能 有 很 多 条 新 闻 ,栏目 首页 需要 分 页 显示 ,在 这 种 情况 下 ,必须 为 每 
个 分 页 都 生成 一 个 静态 文件 ,所 以 栏目 首页 的 静态 文件 是 类 似 list_1. html list_2. html…… 
的 形式 。 为 此 ,需要 首先 获得 该 栏目 总 共有 多 少 条 记录 ,然后 根据 记录 数 计算 有 多 少 个 分 
页 ,利用 循环 语句 将 每 个 分 页 都 使 用 createhtml() 函数 生成 栏目 首页 的 分 页 。 

另 一 方面 : 每 个 栏目 都 有 栏目 首页 ,它们 都 有 像 list_1. html 这 样 的 文件 名 。 如 果 把 每 
个 栏目 的 栏目 首页 都 放 在 同一 个 目录 下 , 则 会 因为 文件 同名 而 相互 覆盖 。 为 了 避免 这 种 情 
况 , 也 为 了 方便 网 站 文件 管理 ,比较 好 的 办 法 是 为 每 个 栏目 建立 一 个 子 目 录 , 这 个 子 目录 的 
目录 名 可 以 使 用 栏目 名 或 栏目 ID 命名 ,但 由 于 栏目 名 通常 是 中 文 , 因 此 使 用 栏目 ID 来 命名 
更 合适 些 。 这 样 每 个 栏目 对 应 的 目录 都 不 会 同名 ,从 而 实现 了 不 同 栏目 文件 的 分 门 别 类 
存放 。 

生成 栏目 首页 的 流程 是 : 四 计算 该 栏目 有 多 少 分 页 ; @ 为 栏目 生成 目录 ; @ 利 用 循环 
语句 执行 每 个 栏目 分 页 (这 种 栏目 分 页 的 URL 形 如 : http://localhost/list. php? page 二 n) ,就 
生成 了 每 个 分 页 的 静态 HTML 文件 。 下 面 是 生成 栏目 首页 的 完整 代码 。 


<? $lanmu= $_GET["lanmu"]; // 获 取 栏 目 名 
require( "conn. php" ); 
$ PageSize = 4; 


// 根 据 栏目 名 创建 结果 集 

$result = mysql_query("Select * from news where bigclass = '$ lanmu'", $ conn); 

$ RecordCount = mysql_num_rows( $ result); // 计 算 该 栏目 有 多 少 条 记录 

$ PageCount = ceil( $ RecordCount/ $ PageSize); // 计 算 有 多 少 页 
// 根 据 栏目 名 创建 目录 

if(!file exists( $ lanmu)) // 如 果 该 目录 不 存在 

mkdir( $ lanmu); 

for( $i=1;$i<= $PageCount; $ i++){ // 生 成 每 个 栏目 分 页 的 静态 HTML 文件 
$ url = 'http://localhost/list. php?lanmu = $ lanmu&page = '. $ i; 

// 要 执行 的 源 文件 

$ target = $ lanmu. '/list'. $i.'.html'; // 待 生成 的 文件 的 文件 名 和 所 在 目录 
createhtm1( $ url, $ target); // 生 成 静态 HTML 文件 


echo ' 静 态 html 文件 list'. $ i. '.html 生成 成 功 < br >'; 
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} 

function createhtm]( $ sourcePage, $ targetPage) { 
ob_start(); 
$ str = file get contents( $ sourcePage); 
$ fp = fopen( $ targetPage, "w") or die(" 打 开 文件 ". $ targetPage. "出 错 "); 
fwrite( $ fp, $ str); // 将 字符 串 $ str 写 人 目标 文件 中 
ob_end clean(); // 清 空 缓冲 区 内 容 并 关闭 缓冲 区 
fclose( $fp); } 

en 


该 程序 执行 成 功 后 ,运行 结果 如 图 6-10 所 示 , 此 
时 打开 当前 脚本 所 在 目录 ,就 会 发 现 已 根据 栏目 名 创 
建 了 一 个 子 目 录 , 在 子 目 录 下 生成 了 很 多 HTML 文 
件 ( 形 如 listl. html~1list12. html) 。 


腌 十 m@ 吕 国 http://1ocuhostyphpyschtmlyaaniu/ 刁 


静态 html 文 件 listl, html 生 成 成 功 
静态 html 文 件 list2. html 生 成 成 功 
静态 html 文 件 1ist3. html 生 成 成 功 
静态 html 文 件 1ist4. html 生 成 成 功 
静态 html 文 件 list5. html 生 成 成 功 
态 htm 文 件 ]istbuhtml 生 成 成 


5. 批量 生成 静态 新 闻 详 细 页 面 


我 们 还 可 按照 批量 生成 静态 栏目 分 页 的 思路 ,使 es 
用 ereatehtml() 函数 来 批量 生成 新 闻 详细 页 而 ,只 要 ” ” 生 碟 前 态 栏目 分 下 的 运行 交办 
利用 循环 同时 生成 网 站 内 所 有 新 闻 详 细 页 的 静态 页 面 , 并 将 它们 分 别 保存 在 所 属 栏目 对 应 
的 目录 中 。 假 设 新 闻 详 细 页 面 动态 页 的 URL 是 shownews. php, 则 要 生成 某 个 静态 新 闻 页 
面 ,只 需要 将 createhtml() 的 $ sourcePage 参数 设置 为 shownews. php? id 一 123 即 可 。 

这 样 就 可 以 生成 网 站 中 所 有 页 面 了 ,但 生成 的 首页 和 栏目 首页 上 的 链接 还 是 链接 到 动 
态 页 面 ,为 此 ,可 以 在 数据 表 中 添加 一 个 filepath 字段 ,将 生成 的 静态 页 面 的 URL 保存 到 该 
字段 中 ,然后 将 原来 到 动态 页 的 链接 : 


<a href = "shownews. php?id=<? = $row['id']?>"><?= $row['title']?></a> 


修改 成 : 


<a href ="../list/<? = $row['filepath']?>"><? = $row['title']?></a> 


如 果 要 链接 到 静态 的 栏目 首页 ,只 要 将 链接 地 址 修改 为 “栏目 名 /list_1. html” 即 可 。 而 
“上 一 页 ”的 链接 就 链接 到 “栏目 名 /list_n 一 1. html”。 

另外 需要 注意 的 是 : 由 于 首页 静态 文件 和 栏目 页 静态 文件 处 于 不 同 级 的 文件 夹 下 , 必 
须 保证 它们 引用 的 CSS 文件 和 图 片 文件 的 路 径 正 确 , 因 此 一 般 将 这 些 文件 放 在 一 个 单独 的 
we R 


(6.4 cURL 技术 简介 
A 


cURL(Client URL) 是 由 瑞典 cURL 组 织 开 发 的 用 于 获取 远程 文件 信息 或 传输 文件 的 
工具 , 它 支持 很 多 协议 ,如 HTTP、FTP 和 Telnet 等 ,PHP 也 支持 cURL 库 一 一 libecurl， 
cURL 支持 命令 行 方式 和 PHP 脚本 代码 两 种 工作 模式 。cURL 的 官方 网 站 (http://curl. 
haxx. se) 提 供 了 cURL 技术 的 源 程序 和 使 用 文档 下 载 。 
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cURL 一 般 用 来 抓 取 远程 网 页 ,与 fle_get_contents() 函数 相 比 ,其 优势 在 于 : 四 能 发 送 
GET 或 POST 数据 给 远程 网 页 ; @ 能 实现 多 线程 任务 式 抓 取 网 页 ( 即 同时 抓 取 多 个 网 页 )。 


6.4.1 cURL 的 安装 和 使 用 


安装 PHP 5.1 以 上 版 本 会 默认 安装 cURL 扩展 库 , 但 在 使 用 之 前 , 仍 需 要 进行 一 些 相 
关 配 置 。 打 开 PHP 的 配置 文件 php. ini, 找 到 : 


iextension = php_curl.dll 


将 前 面 的 *; "号 去 掉 。 然 后 把 D:\AppServ\php5 目录 下 的 libeay32. dll .ssleay32. dll、 
php5ts. dll 和 php5\ext 目录 中 的 php_curl. dll 4 个 文件 复制 到 C:\windows\system32 目 
录 下 ,再 重启 Apache 服务 , 即 完成 了 cURL 扩展 cURL 
的 安装 。 这 时 可 以 查看 phpinfo() 函数 ,如 果 看 到 cURL support [snabled 
图 6-11 所 示 的 结果 ,就 表明 cURL 扩展 库 可 以 使 
用 了 。 图 6-11 使 用 phpinfo() 函数 查看 cURL 状态 

在 PHP 中 使 用 curl 函数 的 步骤 为 : 初始 化 
cURL; @ 使 用 curl_setopt 设置 目标 URL, 和 其 他 选项 ; @ 使 用 curl_exec 方法 执行 cURL 
请 求 ; @ 执 行 完 后 ,使 用 curl_close 关闭 cURL; @ 将 执行 结果 输出 。 

下 面 是 一 个 最 简单 的 cURL 程序 ,该 程序 可 抓 取 (grab) 百 度 网 页 的 内 容 , 并 将 内 容 显示 
在 当前 网 页 中 。 代 码 如 下 : 


<? 


$ch = curl_ init(); // 初 始 化 cURL 对 象 (资源 类 型 ) 
curl_setopt( $ ch, CURLOPT_URL, "http://www. baidu. com/"); /设置 请 求 的 URL 
curl_setopt( $ ch, CURLOPT_HEADER, 0); // 设 置 其 他 参数 ,将 文件 头 输出 
curl_exec( $ ch) // 抓 取 URL 对 应 的 网 页 
curl_close( $ ch); // 关 闭 cURL 资源 

?> 


上 例 把 另外 一 个 网 站 的 内 容 , 获 取 过 来 后 自动 输出 到 浏览 器 ,实际 上 ,如 果 和 希望 获取 内 容 
但 不 输出 到 当前 网 页 中 ,可 以 使 用 curl_setopt, 设 置 它 的 CURLOPT_RETURNTRANSFER 参 
数 为 非 0 或 true 即 可 ,代码 如 下 : 


<? 
$ch = curl init(); 
curl_setopt( $ ch, CURLOPT_URL, "http://www.baidu. com/"); 
curl_setopt( $ ch, CURLOPT RETURNTRANSFER, true); // 不 输出 内 容 
curl_setopt( $ ch, CURLOPT HEADER, 0); 
curl exec( $ ch); 
curl close( $ ch); 
?> 


这 样 浏览 器 就 不 会 输出 任何 获取 的 内 容 了 。 浏 览 器 需 不 需要 输出 内 容 取 决 于 具体 的 应 
用 情况 ,例如 要 实现 模拟 登录 就 不 需要 输出 获取 的 内 容 了 。 

有 时 可 能 希望 对 获取 的 内 容 进行 修改 ,再 显示 在 浏览 器 中 ,这 需要 将 curl_exec 执行 的 
结果 赋 给 一 个 变量 ,然后 可 修改 该 变量 的 值 , 再 在 网 页 中 输出 该 变量 ,代码 如 下 ,运行 结果 如 
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图 6-12 所 示 。 


<? 
$ch = curl init(); 
curl_setopt( $ ch, CURLOPT URL, "http://www.baidu. com/"); 


curl_setopt( $ ch, CURLOPT RETURNTRANSFER, true); // 不 输出 内 容 
curl_setopt( $ ch, CURLOPT HEADER, 0); 
$output = curl exec( $ ch); // 将 获取 的 内 容 赋 给 变量 $ output 
curl close( $ ch); 
$output = iconv('utf -8','gb2312', $ output); // 将 获取 内 容 转 换 为 GB2312 编码 
$output = str_replace(' 百 度 ', "快乐 '，$ output); // 将 获取 内 容 中 的 "百度 " 换 成 "快乐 " 
$output = strip_tags( $ output); // 去 除 获取 内 容 中 的 HTML 标记 
echo $ output; /* 输出 修改 后 的 获取 内 容 * / 

?> 

由 图 6-12 可 见 , 上 述 程序 将 百度 首页 中 的 “百度 一 ETSZEETTTTCT 


下 ”车 换 成 了 “快乐 一 下 ”, 并 过 滤 掉 了 网 页 中 的 所 有 3 
HTML 标记 。 实 际 上 ,采用 这 种 方法 .我 们 可 以 提取 出 快乐 一 下 ， 你 就 知道 html, body 
目标 网 页 中 需要 的 内 容 , 并 将 这 些 内容 放 置 到 自己 网 页 。 | 2 区 eaer 
中 ,这 称 为 网 页 采集 。 


6.4.2 ”cURL 发 送 请 求 的 方式 


cURL 除了 可 获取 远程 网 页 的 内 容 外 ,其 最 大 的 优势 在 于 还 可 使 用 GET 或 POST 方式 
发 送 数据 给 远程 网 页 。 例 如 远程 网 页 是 一 个 查询 网 页 , 则 可 使 用 cURL 技术 发 送 一 个 关键 
词 给 远程 网 页 ,再 获取 远程 网 页 返回 的 查询 结果 ,从 而 实现 了 不 打开 某 个 网 页 也 能 查询 该 网 
站 的 内 容 , 并 可 进一步 将 该 网 站 的 查询 结果 嵌入 到 自己 的 网 页 中 。 


1. GET 方式 发 送 数据 


图 6-12 对 cURL 获取 的 内 容 进行 修改 


cURL 默认 以 GET 方式 发 送 数据 ,发 送 GET 数据 的 方法 是 ,把 需要 发 送 的 数据 附 在 远 
程 网 页 的 URL 后 即 可 ,下 面 的 例子 将 发 送 数据 “Web 标准 ?给 百度 首页 ,然后 获取 该 关键 词 
在 百度 的 查询 结果 ,代码 如 下 ,运行 结果 如 图 6-13 所 示 。 


当 web 标 礁 百度 搜索 - WicrossfeTe i <? 

$ ch = curl_init("http://www.baidu. com/s?wd= web 标准 ") ; 
Curl setopt( $ ch, CURLOPT RETURNTRANSFER, true) ; 

Bai 并 度 新 闻 网 页 贴 反 // 获取 数据 返回 
web 标 准 curl_setopt( $ ch, CURLOPT BINARYTRANSFER, true) ; 

WEB 标 准 百度 百 echo $output = curl exec( $ ch); 

WEB 标 六 不 是 美 一 个 标准 ， 而 是 一 系列 标准 // 输出 获取 的 结果 


8) 、 表 现 【Presentation) 和 行为 Behavio 
结构 标准 于 现 标准 行为 标准 代码 标准 sa cur]l_close( $ ch); 
?> 


| /oesos pts/ errleet pp 可 


3 he ”如 果 要 在 某 出 版 社 网 站 查询 书 名 含有 “Web 前 端 "的 书 


籍 ,只 需 把 上 例 中 请 求 的 URL 改 为 如 下 URL 即 可 。 


$ch = curl init("http://www.ryjiaoyu.com/search?q= web 前 端 ") ; 
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其 中 *q= web 前 端 ” 将 会 以 GET 方式 发 送 给 URL 为 http:// 
文件 ) 篇 辐 EE) 查看 四 ”| 各 


www. ryjiaoyu. com/search 的 页 面 。 [CRY 


您 输入 的 用 户 名 是 :tang 
您 输入 的 密码 是 :1235 


2. POST 方式 发 送 请 求 


很 多 表单 中 的 数据 是 以 POST 方式 发 送 给 远程 网 页 的 ,尤其 图 614 “URL POST 


是 用 户 登录 之 类 的 表单 。cURL 以 POST 方式 发 送 数据 的 示例 代 帮 式 分 地 沁 
码 如 下 ,运行 结果 如 图 6-14 所 示 。 
<? 
$ uri = "http://localhost/php/phpbook/chapter4/4— 2. php"; 
$ fields = array( // 将 要 发 送 的 POST 请 求 数据 保存 在 一 个 数组 中 
"userName' =>'tang', 
'PS' =>'1235', 
'submit' =>"" ); 


$ch = curl init (); 
Curl_setopt ( $ ch, CURLOPT URL, $ uri ); 
curl_ setopt ( $ ch, CURLOPT POST, 2); // 以 POST 方式 发 送 请 求 
Curl_setopt ( $ ch, CURLOPT HEADER, 0 ); 
Curl setopt ( $ ch, CURLOPT RETURNTRANSFER, 1 ); 
curl_setopt ( $ ch，CURLOPT POSTFIEIDS，$ fields);  // 设 置 发 送 的 POST 数据 
$return = curl exec ( $ ch ); 
curl close ( $ ch ); 
echo $ return; 
?> 


可 见 , 要 发 送 POST 数据 ,一 般 将 数据 放 在 一 个 数组 中 ,该 数组 元 素 的 索引 名 是 表单 元 
素 的 name 属性 值 ,元 素 值 是 表单 元 素 的 value 属性 值 。 

与 GET 方式 相 比 ,POST 方式 发 送 请 求 需要 额外 设置 CURLOPT_POST 和 CURLOPT 
POSTFIELDS 两 个 参数 。CURLOPT_POST 启用 时 会 发 送 一 个 常规 的 POST 请 求 , 类 型 为 ， 
application/x-www-form-urlencoded ,就 像 表 单 提交 的 一 样 。 一 般 设置 该 参数 的 值 为 表单 元 素 
的 个 数 ,只 要 值 为 非 0 就 表示 该 次 请 求 为 POST。CURLOPT_POSTFIELDS 用 来 设置 提交 
POST 请 求 的 参数 内 容 , 值 一 般 为 数组 名 。 


6.4.3 cURL 的 多 线程 函数 


cURL 拥有 一 个 高 级 特性 一 一 多 线程 函数 。 这 一 特性 允许 用 户 同时 或 异步 地 打开 多 个 
URL 链接 ,从 而 可 以 同时 获取 多 个 网 页 的 内 容 。 例 如 需要 同时 采集 很 多 个 网 站 的 内 容 , 或 
者 要 同时 探测 多 个 网 站 的 运行 状态 。 这 些 情况 下 都 可 使 用 cURL 的 多 线程 函数 ,cURL 提 
供 了 一 组 多 线程 函数 ,使 用 步骤 如 下 。 

第 一 步 : 调用 curl_multi_init() ,初始 化 多 线程 函数 。 

第 二 步 : 循环 调用 curl_multi_add_handle() ,添加 资源 句柄 (handle) ,这 一 步 需要 注意 
的 是 ,curl_multi_add_handle() 的 第 二 个 参数 是 由 curl_init 而 来 的 子 句柄 。 

第 三 步 : 循环 调用 curl_multi_exec() ,同时 执行 多 个 cURL 请 求 。 

第 四 步 : 根据 需要 循环 调用 curl_multi_getcontent() 获 取 结 果 。 
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第 五 步 : 调用 curl_multi_remove_handle() ,并 为 每 个 子 handle 调用 curl_close() 结 束 

第 六 步 : 调用 curl_mnulti_close() ,关闭 多 线程 函数 。 

下 面 是 一 个 例子 ,该 例 使 用 多 线程 函数 同时 访问 三 个 网 站 ,并 将 获取 到 的 这 些 网 站 的 内 
容 保存 到 $ res 数组 中 ,然后 输出 $ res 数组 的 值 ,代码 如 下 : 


<? 


$ connomains = array( // 设 置 请 求 的 URL( 将 这 些 URL 保存 到 


// 数 组 中 ) 
"http://www. cnn. com/", 


"http://www. canada. com/", 
"http://www. yahoo. com/ " 
); 
$mh = curl multi init(); 
foreach ( $ connomains as Si => $url){ 
$conn[ $i]=curl init( $ url); 
curl_setopt( $ conn[ $ i], CURLOPT_RETURNTRANSFER, 1); // 不 输出 内 容 
curl multi add handle ( $ mh, $ conn[ $ i]); // 添 加 cURL 资源 句柄 
} 
do{ $n=curl multi exec( $ mh, $ active); } 
while ( $ active); 
foreach ( $ connomains as $i => $url){ 
$ res[ $i]=curl multi getcontent( $ conn[ $i]);  // 将 获取 的 内 容 保存 在 数组 元 素 中 
curl_close( $ conn[ $i]); } // 循 环 关 闭 每 个 cURL 请 求 


print r( $ res); // 输 出 获取 的 内 容 
:人 


cURL 多 线程 函数 还 能 用 来 检测 网 站 中 有 多 少 个 页 面 链接 打 不 开 , 当 需要 检查 大 量 的 
网 页 时 ,cURL 相对 于 手工 检测 可 节约 大 量 的 时 间 和 人 力 。 

cURL 检测 网 页 是 否 能 正常 显示 的 原理 是 ,使 用 curl_getinfo( $ ch) 函数 对 cURL 获取 
网 页 的 执行 结果 进行 检测 ,该 函数 的 参数 是 一 个 cURL 句柄 ,返回 值 是 一 个 数组 ,该 数组 包 
含 了 返回 网 页 的 各 种 信息 ,其 中 一 个 数组 元 素 的 索引 值 是 Lhttp_code], 如 果 该 Lhttp_code] 
的 值 为 404 或 空 就 表明 该 网 页 打 不 开 。 下 面 是 一 个 示例 程序 ,关键 代码 如 下 : 


if( $ mhinfo = curl multi info read( $ mh)){ // 如 果 获 取 网 页 成 功 

$ chinfo = curl getinfo( $ mhinfo[ ‘handle']; // 获 取 网 页 执行 的 信息 

if(! $ chinfo[ 'http_code']){ // 如 果 http_code 值 为 空 

$ dead urls[] = $ chinfo[ "ur1'];} // 将 网 页 的 URL 保存 到 死 链 的 数组 中 
else if(! $ chinfo[ 'http_code'] == 404){ // 如 果 网 页 找 不 到 了 
$ notfound urls[] = $ chinfo[ url']; } // 将 网 页 的 URL 保存 在 找 不 到 的 
// 数 组 中 
else{ 


$ good urls[] = $ chinfo[ "url']; 
}} 
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习 题 
一 、 选 择 题 
可 ) 两 数 可 以 用 来 打开 或 创建 一 个 文件 。 
A. open B. fopen C. fwrite D. write 
2. fopen 函数 的 ( ) 参 数值 表示 打开 一 个 文件 进行 读 取 并 写 人 。 
A.vw BB ¥ CG w+ WB 站 


3. 如果 要 从 文本 文件 中 读 取 一 个 单独 的 行 ,应 使 用 ( ) ,如 果 要 读 取 二 进 制 数据 文 
件 , 应 使 用 ( )。 


A. fgets,fseek B. fread,fgets C. fgets, fgetss D. fgets,fread 
4. file() 函 数 返回 的 数据 类 型 是 ( 。”)。 
A. 数组 B. 字符 串 
C. 整 型 D. 根据 文件 而 定 
5. PHP 中 删除 文件 的 函数 是 (。”)。 
A. rm B. del C. unlink D. drop 
6. PHP 中 用 来 获取 当前 目录 的 函数 是 ( 站 
A. cd B. chdir C. rmdir D. getcwd 
7. 使 用 fopen 函数 刚 打开 一 个 文件 时 ,文件 指针 指向 ( )s 
全 文件 开头 B. 文件 末尾 
C. 文件 中 间 D. 根据 该 函数 参数 而 定 
二 填空 题 
1. 使 用 fopen 函数 时 ,打开 文件 的 基本 模式 有 ~ a。 
2 函数 将 文件 指针 移动 到 文件 开头 ; 函数 可 检测 文件 指针 是 否 到 达 
了 文件 末尾 的 位 置 。 
3. rename() 函数 除了 可 以 重 命 名 文件 或 目录 外 ,还 有 功能 。 
4. 若 要 列 出 一 个 目录 中 的 所 有 文件 和 子 目 录 , 可 以 使 用 函数 或 函数 。 
三 、 问 答题 


1. 在 PHP 中 , 读 取 文件 内 容 有 哪 4 种 方式 ? 

2. fopen() 函 数 访问 文件 模式 中 的 “w 十 ”和 “a 十 "有 什么 区 别 ? 

3. 如 果 知 道 一 个 网 页 的 网 址 (如 http://www. hynu. cn/index. jsp) ,如 何 将 该 网 页 的 
内 容 保存 到 一 个 字符 串 中 ? 

四 、 编 程 题 

1. 编写 PHP 程序 ,显示 C 盘 根 目录 下 的 所 有 文件 夹 和 文件 的 完整 路 径 。 

2. 编写 程序 ,打开 一 个 英文 文本 文件 ,然后 将 英文 中 的 所 有 字母 转换 成 大 写字 符 , 再 存 
入 到 一 个 新 的 文本 文件 target. txt 中 。 

3. 不 使 用 数据 库 ,通过 将 留言 保存 在 文本 文件 中 ,实现 一 个 完整 的 网 页 留言 板 的 功能 。 

4. 编写 程序 用 文件 的 方式 实现 投票 系统 ,即将 每 个 投票 项 目的 票数 均 保存 在 一 个 文本 
交 件 让。 
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网 站 的 某 些 功 能 可 以 利用 客户 端 编程 直接 完成 ,例如 响应 用 户 的 鼠标 键盘 操作 ,动态 改 
变 HTML 元 素 的 内 容 和 外 观 等 。 还 有 些 操作 既 可 以 在 浏览 器 端 完 成 也 可 以 在 服务 器 端 完 
成 ,例如 验证 用 户 在 表单 中 输入 的 内 容 , 那 么 也 推荐 尽量 在 浏览 器 端 编程 实现 ,以 减轻 服务 
器 的 操作 负担 。JavaScript 是 一 种 浏览 器 端的 脚本 编程 语言 ,专门 用 来 编写 浏览 器 程序 (也 
称 为 客户 端 脚本 ) 。 


Ci JavaScript 的 代码 结构 


JavaScript 是 事件 驱动 的 语言 。 当 用 户 在 网 页 中 进行 某 项 操作 时 ,就 产生 了 一 个 “ 事 
件 ”(event)。 事 件 几乎 可 以 是 任何 事情 : 单 击 一 个 网 页 元 素 、 拖 动 鼠 标 等 均 可 视 为 事件 。 
JavaScript 是 事件 驱动 的 , 当 事 件 发 生 时 , 它 可 以 对 之 做 出 响应 。 具 体 如 何 响应 某 个 事件 
编写 的 事件 处 理 程序 决定 。 

因此 ,一 个 JavaScript 程序 一 般 由 “事件 十 事件 处 理 程序 组成。 根据 事件 处 理 程序 所 
在 的 位 置 ,在 HTML 代码 中 财 入 JavaScript 有 三 种 方式 。 


1. 将 脚本 嵌入 到 HTML 标记 的 事件 中 (行内 式 ) 


HTML 标记 中 可 以 添加 “事件 属性 ”, 其 属性 名 是 事件 名 ,属性 值 是 JavaScript 脚本 代 
码 。 例 如 (7-1. html) : 


< html>< body> 
<p onclick = "alert( 'Hello, The Web World! ');"> Click Here </p> 
</body ></html > 


其 中 , onclick 表示 单 击 鼠标 事件 , 它 是 一 个 
JavaScript 事件 名 ,也 是 一 个 HTML 事件 属性 。 
alert(); 是 事件 处 理 代码 ,作用 是 弹出 一 个 警告 框 。 
因此 , 当 在 这 个 p 元素 上 单 击 鼠 标 时 ,就 会 弹出 一 个 由 
警告 框 ,运行 效果 如 图 7-1 所 示 。 图 7-1 7-1. html 和 7-2. html 的 运行 效果 

2. 使 用 < script > 标记 将 脚本 凡 入 到 网 页 中 (岁入 式 ) 


在 HTML 文档 中 ,通过 < script > 标记 可 以 嵌入 JavaScript 代码 ,这 是 标准 的 内 入 


Click, Here AN Hello, the WEB worlal 


[了 
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JavaScript 代码 的 方式 ,建议 将 所 有 的 JavaScript 代码 都 写 在 < script ></script > 标记 之 间 ， 
而 不 要 写 在 HTML 标记 的 事件 属性 内 。 这 可 实现 HTML 代码 与 JavaScript 代码 的 分 离 。 
下 面 的 代码 (7-2. html) 采 用 嵌入 式 JavaScript, 其 运行 效果 与 7-1. html 完全 相同 。 


<html >< head > a 
<script> 
function msg () { // 定 义 函 数 msg 
alert ("Hello, the WEB world!") ;} 
</script ></head> 
<body><p onclick = "msg()"> Click Here </p> <! -- 通过 事件 调用 函数 --> 
</body></html > 


其 中 ,“onclick 二 "msg()"” 表 示 调 用 卫 数 msg。 可 见 ,调用 JavaScript 函数 可 写 在 HTML 
标记 的 事件 属性 中 ,但 函数 的 代码 必须 写 在 < script ></script > 标记 之 间 。 

将 JavaScript 代码 写成 函数 的 一 个 好 处 是 ,可 以 让 多 个 HTML 元 素 或 不 同事 件 调 用 同 
一 个 函数 ,从 而 提高 了 代码 的 重用 性 。 


3. 使 用 < script > 标记 的 src 属性 链接 外 部 脚本 文件 (链接 式 ) 


如 果 有 多 个 网 页 文件 需要 共用 一 段 JavaScript, 则 可 以 把 这 段 脚 本 保存 成 一 个 单独 的 
“.js" 文 件 (JavaScript 外 部 脚本 文件 的 扩展 名 为 “js”) ,然后 在 网 页 中 调用 该 文件 ,这 样 既 提 
高 了 代码 的 重用 性 ,也 方便 了 维护 ,修改 脚本 时 只 需 修 改 js 文件 中 的 代码 。 
引用 外 部 脚本 文件 的 方法 是 使 用 < script > 标记 的 src 属性 来 指定 外 部 文件 的 URL。 示 
例 代码 如 下 (7-3. html 和 7-3.js 位 于 同一 目录 下 ) ,运行 效果 如 图 7-1 所 示 。 
ty yl he Dr 
<html >< body> 
<script src="7-3.js "></script> 
<p onclick = "msg()">Click Here</p> 
</body ></html > 
eR DAI Wr 


function msg () {// 定 义 函 数 msg 
alert ("Hello, the WEB world!") ; } 


G.2 JavaScript 的 事件 编程 
2 


JavaScript 程序 是 事件 驱动 的 。 编 写 JavaScript 程序 要 考虑 三 个 问题 ; @ 触 发 程序 执 
行 的 事件 是 什么 ; @ 获 取 事 件 作 用 的 DOM 对 象 (HTML 元 素 ); @ 如 何 编写 事件 处 理 
程序 。 


7.2.1 JavaScript 语言 基础 


JavaScript 代码 是 严格 区 分 大 小 写 的 ,每 条 语句 以 “;” 号 结束 。 语 法 类 似 于 Java。 


第 7 章 JavaScript /2%) 


JavaScript 任何 类 型 的 变量 声明 都 用 var, 甚 至 可 以 不 声明 直接 使 用 。 数 组 使 用 关键 字 
Array 来 声明 ,同时 还 可 以 指定 这 个 数组 元 素 的 个 数 , 即 数组 的 长 度 (length) ,例如 : 


1. 变量 和 数组 的 声明 


var name = "Six Tang"; // 定 义 了 一 个 字符 串 变 量 
var age= 28; // 定 义 了 一 个 数值 型 变量 
var male = True; // 将 变量 赋值 为 布尔 型 

var rank = new Array(12); // 第 1 种 声明 数组 的 方法 


var Map = new Array("China", "USA", "Britain"); // 第 2 种 声明 数组 的 方法 


2. 数据 类 型 


JavaScript 支持 字符 串 .数值 型 和 布尔 型 三 种 基本 数据 类 型 ,支持 数组 .对象 两 种 复合 
数据 类 型 ,在 JavaScript 中 ,每 一 种 数据 类 型 都 是 对 象 ,可 以 用 对象. 属性? 或“ 对象. 方法 () "对 
该 数据 类 型 的 变量 进行 操作 。 例 如 : 


var course = "data structure"; // 字 符 串 数据 类 型 , course 为 字符 串 变 量 
pos = course. indexOf ("str"); // 返 回 子 串 的 位 置 ,返回 5 

strl = course, substr(5,3); // 返 回 "str",5 表示 开始 位 置 ,3 表示 长 度 
len = course. length; // 返 回 字符 串 长 度 14 

alert(pos + strl + len); //"+ "是 连接 符 , 弹 出 "5str14" 


7.2.2 常用 JavaScript 事件 


编写 JavaScript 程序 需要 考虑 三 个 问题 : 四 触发 程序 执行 的 事件 是 什么 : @@ 如 何 编写 
事件 处 理 程序 ; @ 获 取 事 件 作 用 的 DOM 对 象 (HTML 元 素 ) 。 
对 于 用 户 而 言 ,常用 的 JavaScript 事件 可 分 为 鼠标 事件 .HTML 事件 和 键盘 事件 三 类 ， 
其 中 常用 的 鼠标 事件 如 表 7-1 所 示 , 常 用 的 HTML 事件 如 表 7-2 所 示 。 
表 7-1 鼠标 事件 的 种 类 


事件 名 描 述 
onclick 单 击 鼠标 左 键 时 触发 

ondbclick 双击 鼠标 左 键 时 触发 

onmousedown 鼠标 任意 一 个 按键 按 下 时 触发 
onmouseup 松 开 鼠 标 任意 一 个 按键 时 触发 
onmouseover 鼠标 移动 到 元 素 上 时 触发 

onmouseout 鼠标 移出 该 元 素 边界 时 触发 
onmousemove 鼠标 指针 在 某 个 元 素 上 移动 时 持续 触发 


表 7-2 常用 的 HTML 事件 


事 件 名 描 述 
onload 页 面 完全 加 载 后 在 window 对 象 上 触发 ,图 片 加 载 完成 后 在 其 上 触发 
onunload 页 面 完 全 外 载 后 在 window 对 象 上 触发 ,图 片 印 载 完成 后 在 其 上 触发 
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续 表 
事 件 名 描 述 
onerror 脚本 出 错时 在 window 对 象 上 触发 ,图像 无 法 载 人 时 在 其 上 触发 
onselect 选择 了 文本 框 的 某 些 字符 或 下 拉 列 表 框 的 某 项 后 触发 
onchange 文本 框 或 下 拉 框 内 容 改 变 时 触发 
onsubmit 表单 提交 时 (如 单 击 “ 提 交 ” 按 钮 ) 在 表单 form 上 触发 
onblur 任何 元 素 或 窗口 失去 焦点 时 触发 
onfocus 任何 元 素 或 窗口 获得 焦点 时 触发 
onscroll 浏览 器 的 滚动 条 滚动 时 触发 


对 于 某 些 元 素来 说 ,还 存在 一 些 特殊 的 事件 ,例如 body 元 素 就 有 onresize( 当 窗口 改变 
大 小 时 和 触发) 和 onscroll( 当 窗口 滚动 时 和 触发) 这样 的 特殊 事件 。 

键盘 事件 相对 来 说 用 得 较 少 ,主要 有 keydown( 按 下 键盘 上 某 个 按键 触发 )、keypress 
( 按 下 某 个 按键 并 且 产生 了 字符 时 才 触 发 , 即 忽略 Shift、Alt 等 功能 键 ) 和 keyup( 释 放 按 键 
时 触发 )。 通 常 键盘 事件 只 有 在 文本 框 中 才 显 得 有 实际 意义 。 

提示 : JavaScript 事件 名 应 该 全 部 小 写 , 因 为 JavaScript 代码 是 区 分 大 小 写 的 ,尽管 
HTML 标记 中 的 事件 属性 名 是 不 区 分 大 小 写 的 。 


7.2.3 事件 监听 程序 


实际 上 ,事件 除了 可 写 在 HTML 标记 中 ,还 可 以 “对 象 .事件 ”的 形式 出 现 ,这 称 为 事件 
监听 程序 。 其 中 对 象 可 以 是 DOM 对 象 、 浏 览 器 对 象 或 JavaScript 内 置 对 象 。 下 面 采用 事 
件 监听 程序 的 方式 重 写 7-2. html, 代 码 (7-4. html) 如 下 : 


< htm]l >< head > 


< Script> 


Var demo = document. getElementById("demo"); /* 获取 ID 为 demo 的 HTML 元素, 由 于 该 HTML 元 


demo. onclick = msg; 
function msg() 


素 的 代码 在 后 面 , 此 时 尚未 载 入 ,会 发 生 " 对 
象 不 存在 "的 错误 * / 
//demo 对 象 单 击 时 执行 msg 函数 


alert ("Hello, the WEB world!"); } 


</script ></head> 


<body> 


<p id= "demo"> Click Here </p> 


</body></html > 


其 中 ,为 p 元素 添加 了 一 个 id 属性 ,是 为 了 使 JavaScript 脚本 方便 获取 该 元 素 。 通 过 
document. getElementById("demo") 方 法 就 可 根据 id 访问 这 个 元 素 , 该 方法 返回 的 结果 是 


一 个 DOM 对 象 : demo。 


然后 ,通过 “DOM 对 象 . 事件 名 二 函数 名 ”就 能 设置 该 对 象 在 事件 发 生 时 将 执行 的 


函数 。 
但 是 


i 


,该 程序 运行 会 出 错 , 原 因 在 于 : 浏览 器 是 从 上 到 下 依次 执行 网 页 代码 的 。 当 执行 
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到 获取 ID 为 demo 的 HTML 元 素 时 ,由 于 该 HTML 元 素 的 代码 在 下 面 ,浏览 器 此 时 尚未 
载 人 该 元 素 , 就 会 发 生 对 象 不 存在 的 错误 。 要 解决 该 错误 ,有 以 下 两 种 办 法 。 
(1) 把 JavaScript 脚本 放 在 HTML 元 素 代码 的 下 面 。 修 改 后 的 代码 (7-5. html) 如 下 : 


<p id= "demo"> Click Here</p> 
<script> 
var demo = document. getElementById("demo"); // 放 在 demo 元 素 的 后 面 
demo. onclick = msg; 
function msg() { 
alert ("Hello, the WEB world!"); } 
</script> 


运行 该 程序 ,就 能 得 到 图 7-1 的 运行 结果 了 。 

(2) 把 获取 HTML 元 素 的 代码 写 在 window. onload 事件 中 ,这 样 就 可 避免 只 能 把 
JavaScript 代码 写 在 HTML 元 素 下 面 的 麻烦 ,其 中 ,window. onload 事件 表示 浏览 器 载 入 
网 页 完毕 时 触发 ,这 时 所 有 的 HTML 元 素 都 已 经 载 入 到 浏览 器 中 ,无 论 JavaScript 代码 位 
置 在 哪 ,都 不 会 产生 找 不 到 对 象 的 错误 。 修 改 后 的 代码 (7-6. htm]) 如 下 : 


< Script> 

window. onload = function(){ // 表 示 在 网 页 载 人 完毕 后 执行 函数 
Var demo = document. getElementById("demo"); 

demo. onclick =msg; } // 调 用 函数 ,函数 名 不 能 加 括号 


function msg() { 

alert ("Hello, the WEB world!"); } 
</script > 
<p id= "demo"> Click Here </p> 


提示 : 

@ 程序 中 的 “对 象 . 事件 名 ”后 只 能 接 函 数 名 ,而 绝对 不 能 接 函 数 名 加 括号 。 例 如 
demo. onclick 一 msg 绝对 不 能 写成 demo. onclick 一 msg() ,因为 函数 名 表示 调用 函数 ,而 函 
数 名 带 括号 表示 运行 函数 。 

@ demo. oncjlick 王 msg; 可 放 在 window. onload 一 function(){…} 语 名 外 ,因为 单 击 事 
件 发 生 时 网 页 肯定 已 载 入 完毕 了 。 

(3) 用 事件 监听 程序 调用 有 参 函 数 

通过 上 例 , 已 经 知道 “对象. 事件 名 ”后 只 能 接 函 数 名 ,不 能 加 括号 ,对 无 参 函数 来 说 没 
什么 问题 。 但 如 果 是 有 参 函 数 ,其 括号 内 有 参数 无 法 省 略 ,要 怎么 调用 呢 ? 方法 是 把 有 参 函 
数 放 在 一 个 匿名 函数 中 调用 ,代码 (7-7. html) 如 下 : 


<script> 
window. onload = function( ){ // 表 示 在 网 页 载 人 完毕 后 执行 函数 
Var demo = document. getElementById("demo"); 
demo. onclick = function( ){msg(" 张 三 ");} } // 调 用 有 参 函 数 的 方法 
function msg( sname){ 
alert ("Hello," + sname);} 
</script> 
<p id= "demo"> Click Here </p> 
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.3 JavaScript DOM 编程 


把 使 用 JavaScript 程序 操纵 HTML 元 素 的 编程 称 为 JavaScript DOM 编程 。 
7.3.1 动态 效果 的 实现 


很 多 网 页 中 都 存在 一 些 动态 效果 ,例如 鼠标 滑动 到 某 个 文本 或 图 像 上 时 ,文本 或 图 
像 会 发 生变 化 ,或 者 消失 ,或 者 变 大 变 小 等 ,这 些 都 是 用 JavaScript 程序 实现 的 。 编 写 动 
态 效 果 程 序 的 一 般 步骤 是 : 找到 要 实现 动态 效果 的 对 象 (网 页 元 素 ); 四 为 其 添加 事 
件 ; @ 编 写 事件 处 理 函 数 ; @ 在 事件 处 理 函 数 中 通过 改变 网 页 元 素 的 属性 或 内 容 来 实现 
动态 效果 。 

下 面 是 一 个 例子 , 当 鼠 标 滑动 到 标题 文字 上 时 ,标题 文字 和 它 下 方 的 图 片 就 会 发 生变 
化 ,效果 如 图 7-2 所 示 ,代码 (7-8. html) 如 下 : 


<h2 id= "tit"> 会 变 的 图 片 </h2 > 
< img src= "images/picl. jpg" id= "picl"/> 


<script> // 必 须 写 在 picl 元 素 后 面 
var imgl = document. getElementById("picl1");  // 获 取 id 为 picl 的 元 素 
var tit = document. getElementById("tit"); // 获 取 id 为 tit 的 元 素 
tit. onmouseover = change; // 当 鼠标 滑动 到 tit 元 素 上 时 调用 change 函数 
function change( ){ 
imgl. src = "images/pic2. jpg"; // 设 置 imgl 的 src 属性 为 男 一 张 图 片 
tit. innerHTML = "看 到 变化 了 吗 "; // 设 置 tit 的 内 容 为 另 一 个 文本 
}</script > 


忆 设 置 元 来 屋 性 - 革 谍 fe]EE4| 
文件 中 编 名 四 查 ” 导 
起 赴 加 | 篇 http://1ocalhost | 地址 加 | 乱 http://1ocalhost: 国 


会 变 的 图 片 ” 让 | 看 到 变化 了 吗 \ 习 


图 7-2 鼠标 滑动 到 标题 上 文字 和 图 片 发 生变 化 
下 面 分 别 讲述 动态 效果 程序 编写 的 实现 步骤 及 方法 。 
7.3.2 获取 指定 元 素 


在 JavaScript 中 ,通常 根据 HTML 元 素 的 id、name 或 标记 名 来 获取 指定 的 元 素 , 并 返 
回 一 个 DOM 对 象 (或 数组 ) 。document 对 象 提供 了 4 个 相关 方法 ,如 表 7-3 所 示 。 
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表 7-3 获取 HTML 元 素 对 象 的 方法 


方 法 描 述 返回 值 类 型 
getElementById() 返回 拥有 指定 Id 属性 的 元 素 对 象 
getElementsByName() 返回 拥有 指定 name 属性 的 元 素 集合 数组 
getElementsByTagName() 返回 拥有 指定 标记 名 的 元 素 集合 数组 
getElementsByClassName() 返回 拥有 指定 class 属性 值 的 元 素 集合 数组 


其 中 ,getElementById() 是 最 常用 的 方法 ,只 要 给 HTML 元 素 设置 了 ID 属性 ,就 可 用 
该 方法 访问 元 素 。 而 其 他 3 个 方法 由 于 返回 的 是 数组 ,要 使 用 它们 获取 单个 HTML 元 素 
必须 添加 数组 下 标 ,例如 


var tj = document. getElementsByName("tj")[1]; // 获 取 第 2 个 name 属性 为 tj 的 元 素 
var mul = document. getElementsByTagName("ul")[0];  // 获 取 第 一 个 < ul > 标记 的 元 素 


1. 添加 事件 


在 获取 了 要 发 生 交 互 效 果 的 HTML 元 素 后 ,就 可 给 它 添加 事件 。 添 加 事件 可 采用 
HTML 事件 属性 .或 事件 监听 程序 添加 。 推 荐 使 用 事件 监听 程序 ,以 实现 HTML 代码 与 
JavaScript 代码 的 分 离 。 例 如 : 


var tit = document. getElementById("tit"); // 获 取 ID 为 tit 的 元 素 
tit. onmouseover = change; // 为 tit 元素 添加 事件 ,并 设置 事件 处 理 函 数 


接 下 来 ,就 可 编写 事件 处 理 函 数 , 在 事件 处 理 函数 中 ,动态 效果 一 般 是 通过 改变 HTML 
元 素 的 内 容 、 属 性 或 CSS 属性 实现 的 。 


2. 访问 元 素 的 HTML 属性 


当 获 取 到 指定 的 HTML 元 素 (DOM 对 象 ) 后 ,就 可 使 用 *DOM 对 象 . 属性 名 ”来 访问 元 
素 的 HTML 属性 了 。 该 属性 是 可 读 写 的 , 读 取 和 设置 元 素 的 HTML 属性 的 方法 是 : 

变量 = DOM 对 象 . 属性 名 // 读 取 元 素 的 HTML 属性 

DOM 对 象 .属性 名 = 属性 值 // 设 置 元 素 的 HTML 属性 


下 面 是 一 个 例子 (7-9. html) , 当 鼠 标 滑动 到 文字 上 (p 元 素 ) 时 ,改变 该 元 素 的 align 属 
性 ,使 文字 左右 跳动 ,效果 如 图 7-3 所 示 , 代 码 如 下 : 


图 7-3 文字 左右 移动 效果 


<p id= "mov" align = "left"> 跳 动 的 文字 </p> 
< script> // 必 须 写 在 mov 元 素 后 面 
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var mov = document. getElementById("mov"); // 获 取 卫 为 mov 的 元 素 


mov. onmouseover = change; // 当 鼠标 滑动 到 mov 元 素 上 时 调用 change 函数 
function change(){ 
if(mov.align== "left"){ // 读 取 mov.align 属性 并 比较 
mov.align = "right";} // 设置 mov.align 属性 的 值 
else mov.align= "left";} 
</script > 


提示 : 该 例 中 mov. align 也 可 写 为 this. align, 在 JavaScript, 如果 this 放置 在 函数 体 
内 ,那么 this 指 代 调用 该 函数 的 事件 前 的 对 象 。 

7.3.3 访问 元 素 的 CSS 属性 

访问 元 素 的 CSS 属性 可 以 使 用 "DOM 对 象 . style. CSS 属性 名 ”的 方法 。 该 CSS 属性 
也 是 可 读 写 的 , 读 取 和 设置 元 素 的 CSS 属性 的 方法 如 下 : 


变量 = DOM 对 象 . style. CSS 属性 名 // 读 取 元 素 的 CSS 属性 
DOM 对 象 , style. CSS 属性 名 = 属性 值 // 设 置 元 素 的 CSS 属性 


下 面 是 一 个 例子 (7-10. html) , 当 和 鼠标 滑动 到 文字 “沙漠 古 保 ”* 上 时 ,第 一 张 图 片 就 会 变 
大 ,同时 第 二 张 图 片 会 消失 ,效果 如 图 7-4 所 示 ,代码 如 下 : 


地 址 四 ) [多 http: /aeeahes 司 
示 沪 古 堡 天 山 冰 湖 一 


图 7-4 图 片 变 大 或 消失 的 效果 


< htm]l >< body> 

<b id = "tit"> 沙 漠 古 堡 </b> gnbsp;<b id= "tit2"> 天 山 冰 湖 </b><br> 

< img src= "images/picl. jpg" id= "picl" width = "75"/> 

< img src= "images/pic2. jpg" id= "pic2" width= "75"/> 

<script> // 必 须 写 在 HTML 元 素 后 面 


var picl = document.getElementById("picl"); // 获 取 ID 为 picl 的 元 素 
var pic2 = document. getElementById("pic2"); // 获 取 ID 为 pic2 的 元 素 
var tit = document.getElementById("tit");  // 获 取 ID 为 tit 的 元 素 
tit. onmouseover = change; // 当 鼠标 滑动 到 tit 元 素 上 时 调用 change 函数 
function change(){ 
pic2. style. display = "none" // 隐 藏 pic2 
picl. style. width= "140px"; // 设 置 picl 的 宽度 值 ,使 它 变 大 
picl. style. borderLeft = "10px solid red";} // 设 置 picl 的 左边 框 值 
</script > 


</body></html > 
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说 明 : 

(1) CSS 样式 设置 必须 符合 CSS 规范 ,否则 该 样式 会 被 忽略 。 

(2) 如 果 样 式 属性 名 称 中 不 带 “-” 号 ,例如 color, 则 直接 使 用 style. color 就 可 访问 该 属 
性 值 ; 如 果 样 式 属性 名 称 中 带 有 “-” 号 ,例如 font-size, 对 应 的 style 对 象 属性 名 称 为 
fontSize。 转 换 规则 是 去 掉 属 性 名 称 中 的 “-”, 再 把 后 面 单词 的 第 一 个 字母 大 写 。 又 如 
border-left-style, 对 应 的 style 对 象 属性 名 称 为 borderLeftStyle。 

(3) 对 于 CSS 属性 float, 不 能 使 用 style. float 访问 ,因为 float 是 JavaScript 的 保留 
字 , 要 访问 该 CSS 属性 ,在 IE 中 应 使 用 style. styleFloat, 在 Firefox 中 应 使 用 style. 
cssFloat。 

(4) 使 用 style 对 象 只 能 读 取 到 元 素 的 行内 样式 ,而 不 能 读 取 元 素 所 有 的 CSS 样式 。 如 
果 将 HTML 元 素 的 CSS 样式 改 为 嵌入 式 的 话 ,那么 style 对 象 是 访问 不 到 的 。 因 此 style 
对 象 获取 的 属性 与 元 素 最 终 显 示 效 果 并 不 一 定 相同 ,因为 可 能 还 有 非 行 内 样式 作用 于 元 素 。 

(5) 如 果 使 用 style 对 象 设置 元 素 的 CSS 属性 ,而 设置 的 CSS 属性 和 元 素 原 有 的 CSS 
属性 冲突 ,由 于 style 会 对 元 素 增 加 一 个 行内 CSS 样式 属性 ,而 行内 CSS 样式 的 优先 级 最 
高 ,因此 通过 style 设置 的 样式 一 般 为 元 素 的 最 终 样 式 。 


7.3.4 访问 元 素 的 内 容 


如 果 要 访问 或 设置 元 素 的 内 容 ,一 般 使 用 innerHTML 属性 。innerHTML 可 以 将 元 素 
的 内 容 ( 位 于 起 始 标 记 和 结束 标记 之 间 ) 改 变 成 其 他 任何 内 容 ( 如 文本 或 HTML 元 素 )。 
innerHTML 虽然 不 是 DOM 标准 中 定义 的 属性 ,但 大 多 数 浏览 器 却 都 支持 ,因此 不 必 担 心 
浏览 器 兼容 问题 。 
下 面 是 一 个 例子 (7-11. html) 。 当 勾 选 表单 中 的 复 选 框 后 ,将 在 span 元 素 中 添加 内 容 
(文字 和 文本 框 ) ,取消 勾 选 则 清空 span 元 素 的 内 容 。 效 果 如 图 7-5 所 示 。 代 码 如 下 : 
ET 编辑 EE) 查看 Y) 历史 加 Ex 


EEE ox 
文件 ) 编辑 EE) 查看 WW) 历 
您 有 小 孩 吗 ? 有 ， 记 您 有 小 孩 中 ? 有 , 回 有 几 个 一 一 一 当 


图 7-5 利用 innerHTML 改变 元 素 的 内 容 


*rlTIL 修 改元 素 内 容 ~ meziiEa 站 


< form name = "userInfo" method = "post" action = ""> 您 有 小 孩 吗 ?有 : 
< input type = "checkbox" name = "hasBoy" id = "hasBoy" value= "1" onclick = "check()" /> 
< span id = "add"> &nbsp;</span></form> 
< Script> 
function check(){ 
var hasboy = document. forms[ "userInfo" ]. hasBoy; 
var add = document. getElementById("add" ); // 获 取 add 元素 
if(hasboy. checked) 
add. innerHTML = "有 几 个 < input type = 'text' name = 'textfield' />"; 
else add. innerHTML = ""; } // 设 置 add 元 素 的 内 容 
</script> 
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0.4 使 用 浏览 器 对 象 
— 


JavaScript 是 运行 在 浏览 器 中 的 ,因此 提供 了 一 系列 对 象 用 于 与 浏览 器 进行 交互 。 这 
些 对 象 主要 有 : window document location history 和 screen 等 ,它们 统称 为 BOM (Browser 
Object Model, 浏 览 器 对 象 模 型 )。 

window 对 象 是 整个 BOM 的 核心 ,所 有 其 他 对 象 和 集合 都 以 某 种 方式 与 window 对 象 
关联 ,如 图 7-6 所 示 。 


navigator ] ( location 】 ( document | Screen ] ( history ] 


forms anchors images links embeds applets 


图 7-6 BOM 对 象 关系 图 
下 面 介 绍 几 个 最 常用 对 象 的 含义 和 用 途 。 
1. document 对 象 


document 对 象 表示 网 页 文档 ,该 对 象 具有 很 多 集合 ,如 forms \links ,images 等 ,分 别 表 
示 网 页 中 所 有 的 表单 、 超 链接 和 图 像 等 集合 。 因 此 访问 表单 和 表单 中 的 元 素 可 以 使 用 


forms 集合 ,例如 : 
document. forms[0]. user. value; // 网 页 第 一 个 表单 中 name 属性 为 user 元 素 的 value 值 
document, forms[ "data" ]. mail; // 名 称 为 data 的 表单 中 name 属性 为 mail 的 元 素 


document 对 象 还 具有 write 方法 ,用 来 向 网 页 中 动态 输出 文本 ,例如 : 
< script > document. write ("这 是 第 一 行 " + "<br />");</script ><! -- 在 网 页 中 输出 一 行文 本 --> 


但 要 注意 的 是 ,document. write 方法 只 能 在 文档 尚未 载 入 到 浏览 器 时 输出 文本 ,如 果 
文档 已 载 和 完毕 , 则 document. write 会 清空 当前 文档 内 容 再 输出 ,例如 (7-12. html) : 


<script> 
function msg () { 
document. write("Hellol") ;} // 输 出 时 会 清空 原 网 页 内 容 
</script > 
<p onclick = "msg()"> Click Here </p> 


由 于 单 击 p 元 素 时 ,文档 内 容 已 载 人 完毕 ,所 以 单 击 时 , 原 网 页 内 容 会 被 清空 ,再 输出 字 
符 串 “Hello!”。 因 此 ,document. write() 方 法 不 适合 于 在 程序 调试 时 输出 中 间 结 果 , 在 
JavaScript 中 ,这 个 任务 一 般 是 由 alert() 方 法 完成 。 
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location 对 象 表示 浏览 器 的 URL 地 址 ,该 对 象 主要 用 来 设置 或 分 析 浏 览 器 的 URL, 使 
浏览 器 发 生 转 向 ,例如 要 使 浏览 器 跳 转 到 login. htm 页 面 ,代码 如 下 : 


2. location 对 和 象 


< script > location. href = "login. htm";</script> 


其 中 location. href 是 最 常用 的 属性 ,用 于 获得 或 设置 窗口 的 URL ,改变 该 属性 的 值 就 
可 以 导航 到 新 的 页 面 。 实 际 上 ,DW 中 的 跳 转 菜单 就 是 采用 下 拉 菜 单 结合 location. href 属 
性 实现 的 。 下 面 是 一 个 跳 转 菜单 的 代码 (7-13. html) : 


< Select name = "select" onchange = "location. href = this. options[this. selectedIndex]. value"> 
< option > 请 选择 需要 的 网 址 </option> 
< option value = "http://www. sohu. com"> 搜 狐 </option> 
< option value = "http://www. sina. com"> 新 浪 </option> 

</select> 


如 果 不 希 望 跳 转 后 用 户 可 以 用 * 后 退 ? 按 钮 返回 原来 的 页 面 , 可 以 使 用 replace( ) 方 法 ， 
该 方法 也 能 转 到 指定 的 页 面 ,但 不 能 返回 到 原来 的 页 面 了 ,这 常用 在 注册 成 功 后 禁止 用 户 后 
退 到 填写 注册 资料 的 页 面 。 例 如 : 


<p onclick = "location. replace( 'http://www. sohu. com');"> 搜 狐 </p> 
可 以 发 现 转 到 新 页 面 后 “后 退 ” 按 钮 是 灰色 的 了 。 
3. history 对 象 


history 对 象 主要 用 来 控制 浏览 器 后 退 和 前 进 。 它 可 以 访问 历史 页 面 ,但 不 能 获取 到 历 
史 页 面 的 URL。 下 面 是 history 对 象 的 一 些 用 法 : 


history. back( ); // 浏 览 器 后 退 一 页 ,等 价 于 history. go( -1); 
history. forward( ); // 浏 览 器 前 进 一 页 ,等 价 于 history. go(1); 
history. go(0); // 刷 新 当前 网 页 ,等 价 于 location. reload(); 
document. write(history. length) // 输 出 浏览 历史 的 记录 总 数 

4. window 对 象 


window 对 象 对 应 浏览 器 的 窗口 ,使 用 它 可 以 直接 对 浏览 器 窗口 进行 各 种 操作 。window 
对 象 提供 的 主要 功能 可 以 分 为 5 类 : @ 调 整 窗口 的 大 小 和 位 置 ; @ 打 开 新 窗口 或 关闭 窗口 ; 
图 产生 系统 对 话 框 ; @ 状 态 栏 控制 ; @ 定 时 操作 。 下 面 举 几 个 例子 (7-14. html) : 


window. open( "pop. html"，"new"，"width = 400, height = 300"); // 打 开 一 个 新 窗口 


window. moveTo( 200, 300) ; // 移 动 窗口 到 指定 坐标 位 置 
window. close (); // 关 闭 当 前 窗口 


window. status = "看 看 状态 栏 中 的 文字 变化 了 吗 ?"; // 修 改 状态 栏 内 容 
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5. 系统 对 话 框 


window 对 象 有 三 个 生成 系统 对 话 框 的 方法 ,分 别 是 alert([msg]) .confirm([Lmsg]) 和 
prompt([msgj][,default])。 由 于 window 对 象 可 以 省 略 , 因 此 一 般 直接 写 方法 名 。 

(1) alert() 方 法 用 于 弹出 警告 框 , 在 框 中 显示 参数 msg 的 值 ,其 效果 如 图 7-1 所 示 。 

(2) confirm() 方 法 用 于 生成 确认 提示 框 ,其 中 包括 “确定 ”和 “取消 ”按钮 。 当 用 户 单 
“确定 ”按钮 时 ,该 方法 将 返回 true; 单 击 “ 取 消 ” 按 钮 时 , 则 返回 false, 其 效果 如 图 7-7 所 示 ， 
代码 (7-15. html) 如 下 。 


i 
Ey 


if (confirm(" 确 实 要 删除 吗 ?")) // 弹 出 确认 提示 框 
alert(" 图 片 正 在 删除 …"); 
else alert(" 已 取消 删除 !"); 


(3) prompt() 方 法 用 于 生成 消息 提示 框 , 它 可 接受 用 户 输 入 的 信息 ,并 将 该 信息 作为 函 
数 的 返回 值 。 该 方法 接受 两 个 参数 ,第 一 个 参数 是 显示 给 用 户 的 文本 ,第 二 个 参数 为 文本 框 
中 的 默认 值 ( 可 为 空 ) 。 其 效果 如 图 7-8 所 示 , 代 码 (7-16. html) 如 下 : 

var nInput = prompt (" 请 输入 :\n 你 的 名 字 ",""); // 弹 出 消息 提示 框 


if(nInput!= nul1) // 如 果 用 户 输入 的 值 不 为 空 
document. write("Hello! " + nInput) 
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图 7-7 确认 提示 框 confirm() 图 7-8 消息 提示 框 prompt() 


6. 定时 函数 


window 对 象 提供 了 两 个 定时 函数 ,它们 是 setInterval() 和 setTimeout() 。 定 时 函数 是 
JavaScript 制作 网 页 动画 效果 的 基础 ,例如 网 页 上 的 漂浮 广告 ,就 是 每 隔 几 毫秒 更 新 一 下 漂 
浮 广告 的 显示 位 置 。 下 面 分 别 介绍 这 两 个 函数 。 

(1) setInterval() 函 数 用 于 每 隔 一 段 时 间 执 行 指定 的 代码 。 需 要 注意 的 是 , 它 会 创建 间 
隔 ID , 若 不 取消 将 一 直 执 行 , 直 到 页 面 印 载 为 止 。 因 此 如 果 
不 需要 了 应 使 用 clearInterval 取消 该 函数 ,以 防止 它 占 用 不 
必要 的 系统 资源 。 

利用 setInterval() 周 期 性 地 执行 显示 当前 时 间 的 脚本 ， 
就 可 在 页 面 上 显示 不 停 走动 的 时 钟 ,其 效果 如 图 7-9 所 示 ， 图 7-9 时 钟 显示 效果 
代码 (7-17. html) 如 下 。 


<body onload = "init()"> 
<div id= "clock"></div> 


第 7 章 JavaScript fa) 
<script> 


var clock = document. getElementById( "clock"); // 获 取 clock 元 素 
function disp() { 
// 将 时 间 显 示 在 clock 的 div 中 ,mew Date( ) 获 取 系 统 时 间 , 并 转换 为 本 地 格式 
clock. innerHTML = "<b>"+ (new Date()).toLocaleString() + "</b>"; } 
function init() { 
setInterval(disp, 1000); // 每 隔 1 秒 钟 执行 一 次 disp()} 
</script ></body> 


(2) setTimeout() 函 数 用 于 在 一 段 时 间 之 后 执行 指定 的 代码 ,这 可 用 于 某 些 需要 延 时 
的 场合 。 如 果 通 过 递归 调用 ,该 函数 也 能 实现 周期 性 的 执行 脚本 。 


习题 


一 、 选 择 题 

1. 计算 一 个 数组 x 的 长 度 的 语句 是 ( )。 
A. var aLen= x. length(); B. var aLen=x. len(); 
C. var aLen= x. length; D. var aLen= x. len; 


2. 下 列 JavaScript 语句 将 显示 ( ) 结 果 。 


var al =10; var a2 = 20; alert("al +a2="+al+a2); 


A. ali+a2=30 B. al 十 a2 王 1020 
C. al 十 a2 一 al 十 a2 D. "al 十 a2 一 "1020 
3. 表达 式 "123abc" 一 123 的 计算 结果 是 (  )。 
A. "abe" B. 0 人 @ =—I2 D. NaN 
4. 产生 当前 日 期 的 方法 是 (  )。 
A. Now(); B. date(); C. new Date(); D. new Now(); 


5. 下 列 ( ) 可 以 得 到 文档 对 象 中 的 一 个 元 素 对 象 。 
A. document. getElementById(" 元 素 id 名 ") 
B. document. getElementByName( "元素 名 ") 
C. document. getElementByTagName(" 标 记名 ") 
D. 以 上 都 可 以 
6. 如 果 要 改变 元 素 < div id 二 "userInput">…</div > 的 背景 颜色 为 蓝 色 ,代码 是 ( 源 
A. document. getElementByld("userInput"). style. color= "blue"; 
B. document. getElementByld("userInput"). style. divColor= "blue"; 
C. document. getElementByld("userInput"). style. background-color= "blue"; 
D. document. getElementByld("userlInput"). style. backgroundColor= "blue"; 
7. 通过 innerHTML 的 方法 改变 某 一 div 元 素 中 的 内 容 ,(  )。 
A. 只 能 改变 元 素 中 的 文字 内 容 B. 只 能 改变 元 素 中 的 图 像 内 容 
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C. 只 能 改变 元 素 中 的 文字 和 图 像 内 容 D. 可 以 改变 元 素 中 的 任何 内 容 
8. 下 列 选项 中 ,( ) 不 是 网 页 中 的 事件 。 


A. onclick B. onmouseover C. onsubmit D. onmouseclick 
9. JavaScript 中 自 定义 对 象 时 使 用 关键 字 ( i 
A. Object B. Function 
C. Define D. 以 上 三 种 都 可 以 
10; ) 不 能 为 对 象 obj 定义 值 为 22 的 属性 age。 
A. obj. "age"=22; B. obj. age=22; 
C. obj[ "age" ]=22; D. obj= {age: 22}; 
11.( ”) 语 句 不 能 定义 函数 fO 〇 。 
A. function {0){}); B. var {=new Function("{}"); 
C. var f=function(){}; D: 站 和 
二 、 填 空 题 
下 对 象 表示 浏览 器 的 窗口 ,可 用 于 检索 关于 该 窗口 状态 的 信息 。 
区 对 象 表示 浏览 器 的 URL 地 址 ,并 可 用 于 将 浏览 器 转 到 某 个 网 址 。 
三 、 问 答题 
1. var a=10; var b=20; var c=10; alert(a=b); alert(a b); alert(a c); 结果 
是 什么 ? 


2. 试 说 明 以 下 代码 输出 结果 的 顺序 ,并 解释 其 原因 ,最 后 在 浏览 器 中 验证 。 


< script > setTimeout (function(){ alert("A"); },0); 
alert("B");</script > 


3. jQuery 中 的 html() 和 text() 方 法 有 何 区 别 ,html(val) 和 text(Cval) 方 法 有 何 区 别 ? 

四 、 编 程 题 

1. 编写 代码 实现 以 下 效果 : 打开 一 个 新 窗口 ,原始 大 小 为 400pxX300px, 然 后 将 窗口 
逐渐 增 大 到 600pxX450px, 保 持 窗口 的 左上 角 位 置 不 变 。 

2. 写 jQuery 代码 ,给 网 页 中 所 有 的 < p > 元 素 添加 onclick 事件 。 当 单 击 时 弹出 该 p 元 
素 中 的 内 容 。 

3. 对 于 网 页 中 的 所 有 < p > 元 素 , 当 第 1 次 单 击 时 弹出 “您 是 第 一 次 访问 ”, 当 以 后 每 次 
单 击 时 则 弹出 “欢迎 您 再 次 访问 ”, 请 用 jQuery 代码 实现 。 


jQuery 框架 | 


随 着 JavaScript、CSS、Ajax 等 技术 的 不 断 进步 , 越 来 越 多 的 开发 者 将 一 个 又 一 个 丰富 
多 彩 的 程序 功能 进行 封装 ,可 以 供 其 他 人 调用 这 些 封装 好 的 程序 组 件 ( 框 架 )。 这 使 得 Web 
程序 开发 变 得 简洁 ,并 能 显著 提高 开发 效率 。 


@.1 jQuery 框架 使 用 入 门 


jQuery 框架 的 主要 功能 可 以 归纳 为 以 下 几 点 : 

(1) 访问 页 面 的 局 部 。 这 是 前 面 介绍 的 DOM 模型 所 完成 的 主要 工作 之 一 ,通过 第 3 
章 的 示例 可 以 看 到 ,DOM 获取 页 面 中 某 个 节点 或 者 某 一 类 节点 有 固定 的 方法 ,而 jQuery 则 
大 大 地 简化 了 其 操作 的 步骤 。 

(2) 修改 页 面 的 表现 (Presentation) 。CSS 的 主要 功能 就 是 通过 样式 风格 来 修改 页 面 
的 表现 。 然 而 由 于 各 个 浏览 器 对 CSS 3 标准 的 支持 程度 不 同 ,使 得 很 多 CSS 的 特性 没 能 很 
好 地 体现 。jQuery 很 好 地 解决 了 这 个 问题 , 它 通 过 封装 好 的 jQuery 选择 器 代码 ,使 各 种 浏 
览 器 都 能 很 好 地 使 用 CSS 3 标准 , 极 大 地 丰富 了 CSS 的 运用 。 

(3) 更 改 页 面 的 内 容 。jQuery 可 以 很 方便 地 修改 页 面 的 内 容 , 包 括 修改 文本 的 内 容 \ 插 
入 新 的 图 片 .修改 表单 的 选项 ,甚至 修改 整个 页 面 的 框架 。 

(4) 响应 事件 。 引 入 jQuery 之 后 ,可 以 更 加 轻松 地 处 理事 件 ,而 且 开 发 人 员 不 再 需要 
考虑 复杂 的 浏览 器 兼容 性 问题 。 

(5) 为 页 面 添加 动画 。 通 常 在 页 面 中 添加 动画 都 需要 开发 大 量 的 JavaScript 代码 ,而 
jQuery 大 大 简化 了 这 个 过 程 。jQuery 库 提供 了 大 量 可 自 定义 参数 的 动画 效果 。 

(6) 简化 常用 的 JavaScript 操作 。jQuery 还 提供 了 很 多 附加 的 功能 来 简化 常用 的 
JavaScript 操作 ,如 数组 的 操作 .和 迭代 运算 等 。 


8.1.1 下 载 并 使 用 jQuery 


jQuery 的 官方 网 站 (http://jquery. com) 提 供 了 最 新 的 jQuery 框架 下 载 。 通 常 只 需要 
下 载 最 小 的 jQuery 包 (Minified) 即 可 。 

jQuery 是 一 个 轻 量 级 (Lightweight) 的 JavaScript 框架 ,所 谓 轻 量 级 是 说 它 根 本 不 需要 
安装 ,因为 jQuery 实际 上 就 是 一 个 外 部 js 文件 .使 用 时 直接 将 该 js 文件 用 < script > 标记 链 
接 到 自己 的 页 面 中 即 可 ,代码 如 下 : 


242 ”PHP web 程 序 设计 与 Ajax 技术 (第 2 版 ) 


< script src = "jquery.min. js"></script> 


将 jQuery 框架 文件 导入 后 ,就 可 以 使 用 jQuery 的 选择 器 和 各 种 函数 功能 了 。 下 面 是 


一 个 最 简单 的 jQuery 程序 : 
< script src = "jquery.min. js"></script> <! -- 引 入 jQuery 环境 --> 
< Script> 
$ (document) .ready(function(){ // 等 待 DOM 文档 载 和 后 执行 类 似 于 window. onload 
alert("Hello World! "); // 弹 出 一 个 对 话 框 
D); 
</script > 


8.1.2 jQuery 中 的 $ 及 其 作用 


在 jQuery 中 ,最 频繁 使 用 的 莫 过 于 美元 符 $ , 它 能 提供 各 种 各 样 的 功能 ,包括 选择 页 面 
中 的 一 个 或 一 类 元 素 \ 作 为 功能 函数 的 前 级 、 创 建 页 面 的 DOM 节点 等 。 

jQuery 中 的 $ 实 际 上 等 同 于 jQuery, 例 如 $(" h2 ") 等 同 于 jQuery("h2"), 为 了 编写 
代码 的 方便 , 才 采 用 $ 来 代替 jQuery。$ 的 功能 主要 有 以 下 几 方 面 。 


1，$ 用 作 选 择 器 


在 CSS 中 选择 器 的 作用 是 选中 页 面 中 某 些 匹 配 元 素 ,而 jQuery 中 的 $ 作为 选择 器 , 同 
样 可 选中 单个 元 素 或 元 素 集合 。 

例如 在 CSS 中 ,h2 > a 表示 选中 h2 的 所 有 直接 下 级 元 素 a, 而 在 jQuery 中 同样 可 以 通 
过 如 下 代码 选中 这 些 元 素 ,作为 一 个 对 象 数 组 , 供 JavaScript 调用 。 


$ ("h2>a") //jouery 的 子 选择 器 ,引号 不 能 省 略 


jQuery 支持 所 有 CSS 3 的 选择 器 ,也 就 是 说 可 以 把 任何 CSS 选择 器 都 写 在 $("") 中 ， 
像 上 面 的 h2 > a 这 种 子 选择 器 本 来 IE 6 是 不 支持 的 ,但 把 它 转换 成 jQuery 的 选择 器 
$(”h2> a") 后 , 则 所 有 浏览 器 都 能 支持 。 下 面 的 代码 利用 jQuery 实现 CSS 选择 器 的 功能 。 


< script src = "jquery. min. js"></script > <! -- 引 入 jQuery 环境 --> 
<script> 


$ (document). ready(function(){ // 页 面 载 入 后 执行 
$ ("h2>a").css("color", "red"); 
$ ("h2 > a").css("textDecoration" "none" ); 
1D); 


</script > 


jQuery 选择 器 除了 能 实现 CSS 选择 器 的 功能 外 ,更 重要 的 是 ,jQuery 选择 器 能 够 为 选 
中 的 元 素 添 加 行为 。 例 如 : 


$ ("buttonid").click(function() { alert(" 你 单 击 了 按钮 "); } 


这 就 是 通过 jQuery 的 id 选择 器 选中 了 某 个 按钮 ,接着 为 它 添加 单 击 时 的 行为 。 
还 可 以 通过 jQuery 选择 器 获取 元 素 的 HTML 属性 ,或 修改 HTML 属性 ,方法 如 下 : 
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$ ("a# somelink") .attr("href") ; // 获 取 到 了 元 素 的 href 属性 值 
$ ("a# somelink").attr("href", "index. html"); // 将 元 素 的 href 属性 值 设置 为 index. html 


2，$ 用 作 功 能 函数 前 绥 ne ET 


在 jQuery 中 ,提供 了 一 些 JavaSeript 中 没有 的 函数 ,用 来 处 理 | 二! 司 
各 种 操作 细节 。 例 如 $. each() 函 数 , 它 用 来 对 数组 或 jQuery 对 象 ”|a2F3 到 
中 的 元 素 进行 遍历 。 为 了 指明 该 函数 是 jQuery 的 ,就 需要 为 它 添 图 8-1 $.each() 方 法 


加 “$ .” 前 级 。 例 如 下 面 的 代码 在 浏览 器 中 结果 如 图 8-1 所 示 。 遍历 数组 
$ .each([1,2,3],function(index,value){ // 用 $ .each() 方 法 遍历 数组 [1,2,3] 


document. write("<br>a[" + index+"]="+value);}); 


说 明 : 

(1) $ .each() 函 数 用 来 遍历 数组 或 对 象 ,因此 它 的 语法 有 如 下 两 种 形式 : 

@ $ .each( 对 象 ,function( 属 性 ,属性 值 ){…)); 

@ $ .each( 数 组 ,function( 元 素 序号 ,元 素 的 值 ){…})。 

$ .each() 函数 的 第 一 个 参数 为 需要 遍历 的 对 象 或 数组 ,第 二 个 参数 为 一 个 函数 
function, 该 函数 为 集合 中 的 每 个 元 素 都 要 执行 的 函数 , 它 可 以 接受 两 个 参数 ,第 一 个 参数 
为 数组 元 素 的 序号 或 者 是 对 象 的 属性 ,第 二 个 参数 为 数组 元 素 或 者 属性 的 值 。 

(2) 调用 $. each() 时 ,对 于 数组 和 类 似 数组 的 对 象 (具有 length 属性 ,如 函数 的 arguments 
对 象 ) ,将 按 序号 从 0 到 length 一 1 进行 遍历 ,对 于 其 他 对 象 则 通过 其 命名 属性 进行 遍历 。 

(3) 此 处 的 $ ,each() 函 数 与 前 面 的 jQuery 方法 有 明显 的 区 别 , 上 节 中 的 jQuery 方法 
都 需要 通过 一 个 jQuery 对 象 进 行 调用 (如 $ ("buttonid"). click) ,而 $.each() 函 数 没有 
被 任何 jQuery 对 象 所 调用 ,我 们 称 这 样 的 函数 为 jQuery 全 局 函数 。 

(4) $$ .each() 函 数 不 同 于 each() 函 数 。 后 者 仅 能 用 来 遍历 jQuery 对 象 。 例 如 ,可 以 
利用 each() 方 法 配合 this 关键 字 来 批量 设置 或 获取 DOM 元 素 的 属性 。 下 面 的 代码 首先 利 
用 $ ("img") 获 取 页 面 中 所 有 img 元 素 的 集合 ,然后 通过 each( ) 方 法 遍历 这 个 图 片 集合 。 
通过 this 关键 字 设置 页 面 上 4 个 空 < img/> 元 素 的 src 属性 和 title 属性 ,使 这 4 个 空 的 
<img/> 标 记 显 示 图 片 和 提示 文字 。 运 行 效果 如 图 8-2 所 示 。 


$ (function(){ 
$ ("img").each(function(i){ 
this.src = "pic"” + (i+1) + ".jpg"; //this 等 价 于 $ ("img")[n] 
this.title = "这 是 第 ”+ (i+1)+" 幅 图 "; 
D; 
DD); 
< img /> < img /> < img /> < img /> <! -- 用 each 方法 设置 它们 的 属性 --> 


提示 : 代码 中 的 this 指 代 的 是 DOM 对 象 而 非 jQuery 对 象 ,如 果 想 得 到 jQuery 对 象 ， 
可 以 用 $$(this) 。 


3. 用 作 $ (document). ready() 解 决 window. onload 函数 冲突 


在 jQuery 中 ,采用 $ (document). ready() 函 数 替 代 了 JavaScript 中 的 window. onload 
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8-2 each() 方 法 


函数 。 

其 中 (document) 是 指 整 个 网 页 文档 对 象 ( 即 JavaScript 中 的 window. document 对 象 )， 
那么 $ (document). ready 事件 的 意思 是 : 在 文档 对 象 就 绪 的 时 候 触 发 。 

$ (document). ready() 不 仅 可 以 替代 window. onload 函数 的 功能 ,而 且 比 window. 
onload 函数 还 具有 很 多 优越 性 ,下 面 我 们 来 比较 两 者 的 区 别 : 

例如 要 将 ID 为 loading 的 图 片 在 网 页 加 载 完 成 后 隐藏 起 来 , window. onload 的 写法 是 : 

function hide(){ 


document. getElementById("loading"). style. display = "none";} 
window. onload = hide; // 注 意 hide 不 能 写成 hide() 


于 window. onload 事件 会 使 hide() 函数 在 页 面 (包括 HTML 文档 和 图 片 等 其 他 文 
档 ) 完 全 加 载 完 毕 后 才 开 始 执 行 , 因 此 在 网 页 中 ID 为 loading 的 图 片 会 先 显 示 出 来 ,等 整个 
网 页 加 载 完 成 后 执行 hide 函数 才 会 隐藏 。 

而 jQuery 的 写法 是 : 


$ (document). ready(function( ){ 
("#1lo0ading").css("display", "none"); 
]) 


jQuery 的 写法 则 会 使 页 面 仅 加 载 完 DOM 结构 后 就 执行 ( 即 加 载 完 HTML 文档 后 )， 
还 没 加 载 图 像 等 其 他 文件 就 执行 ready( 〇 函数 ,给 图 像 添 加 “display: none” 的 样式 ,因此 ID 
为 loading 的 图 片 不 可 能 被 显示 。 所 以 说 $ (document). ready() 比 window. onload 载 入 执 
行 更 快 。 

第 二 ,如 果 该 网 页 的 HTML 代码 中 没有 ID 为 loading 的 元 素 ,那么 window. onload 也 
数 中 的 getElementById("loading") 会 因 找 不 到 该 元 素 ,导致 浏览 器 报错 。 所 以 为 了 容错 ， 
最 好 将 代码 改 为 : 

function hide(){ 

if(document. getElementById("loading")){ 


document. getElementById("loading"). style. display = "none"; 
}} 


而 jQuery 的 $ (document). ready() 则 不 需要 考虑 这 个 问题 ,因为 jQuery 已 经 在 其 封 
装 好 的 ready() 函 数 代 码 中 做 了 容错 处 理 。 

第 三 ,由 于 页 面 的 HTML 框架 需要 在 页 面 完 全 加 载 后 才能 使 用 ,因此 在 DOM 编程 时 
window. onload 函数 被 频繁 使 用 。 倘 车 页 面 中 有 多 处 都 需要 使 用 该 函数 ,将 会 产生 冲突 。 
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而 jQuery 采用 ready() 方 法 很 好 的 解决 了 这 个 问题 , 它 能 够 自动 将 其 中 的 函数 在 页 面 加 载 
完成 后 运行 ,并 且 在 一 个 页 面 中 可 以 使 用 多 个 ready() 方 法 ,不 会 发 生 冲 突 。 

总 之 ,jQuery 中 的 $ (document). ready() 函 数 有 以 下 三 大 优点 : 

(1) 在 DOM 文档 载 人 后 就 执行 ,而 不 必 等 待 图 片 等 文件 载 入 ,执行 速度 更 快 。 

(2) 如 果 找 不 到 DOM 中 的 元 素 ,能 够 自动 容错 。 

(3) 在 页 面 中 多 个 地 方 使 用 ready() 方 法 不 会 发 生 冲 突 。 


4. 创建 DOM 元 素 


在 jQuery 中 通过 使 用 $ 可 以 直接 创建 DOM 元 素 , 下 面 的 代码 用 于 创建 一 个 段落 ,并 
设置 其 align 属性 以 及 段落 中 的 内 容 。 


var newP = $ ("<palign= 'center > 航空 母 舰 即 将 下 水 !</p>"); 

当然 ,创建 了 DOM 元 素 后 还 必须 使 用 其 他 方法 将 其 插入 到 文档 中 ,否则 文档 中 不 会 显 
示 新 创建 的 元 素 。 

8.1.3 ”jQuery 对 象 与 DOM 对 象 


当 使 用 jQuery 选择 器 选中 某 个 或 某 组 元 素 后 ,实际 上 就 创建 了 一 个 jQuery 对 象 ， 
jQuery 对 象 是 通过 jQuery 包装 DOM 对 象 后 产生 的 对 象 。 但 jQuery 对 象 和 DOM 对 象 是 
有 区 别 的 。 例 如 : 


$ ("#9qq). html(); // 获 取 ID 为 gq 的 元 素 内 的 HTML 代码 
这 条 代码 等 价 于 : 


document. getElementById( "qq" ) . innerHTML; 


1. jQuery 对 象 转换 成 DOM 对 象 


也 就 是 说 ,如 果 一 个 对 象 是 jQuery 对 象 ,那么 它 就 可 以 使 用 jQuery 里 的 方法 ,例如 
htmlO 〇 就 是 jQuery 里 的 一 个 方法 。 但 jQuery 对 象 无 法 使 用 DOM 对 象 中 的 任何 方法 , 同 
样 DOM 对 象 也 不 能 使 用 jQuery 里 的 任何 方法 。 因 此 下 面 的 写法 都 是 错误 的 。 


$ ("#9qq). innerHTML; // 错 误 写 法 
document. getElementById( "qq"). htm](); // 错 误 写法 


但 如 果 jQuery 没有 封装 想 要 的 方法 ,不 得 不 使 用 DOM 方法 的 时 候 , 有 如 下 两 种 方法 
将 jQuery 对 象 转换 成 DOM 对 象 。 

(1) jQuery 对 象 是 一 个 数组 对 象 ,可 以 通过 添加 数组 下 标的 方法 得 到 对 应 的 DOM 对 
象 ,例如 : $ ("#msg")[0] ,就 将 jQuery 对 象 转变 成 了 一 个 DOM 对 象 。 

(2) 使 用 jQuery 中 提供 的 get() 方 法 得 到 相应 的 DOM 对 象 , 例 如 : $(" 井 msg"). 
get(0) 。 
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2. DOM 对 象 转换 成 jQuery 对 象 


相应 地 ,DOM 对 象 也 可 以 转换 成 jQuery 对 象 ,只 需要 用 $ 0 〇 把 DOM 对 象 包装 起 来 就 
可 以 获得 一 个 jQuery 对 象 。 例 如 : 


$ (document. getElementById("msg")) 


转换 后 就 可 以 使 用 jQuery 中 的 各 种 方法 了 。 因 此 ,以 下 几 种 写法 都 是 正确 的 : 


$ ("#msg"). html(); //jQuery 对 象 

$ ("#msg")[0]. innerHTML; // 添 加 下 标 转换 成 DOM 对 象 

$ ("h2>a").eq(0).htnml(); //eq(n) 方 法 返回 的 仍然 是 jQuery 对象 
$ ("h2 >a").eq(0)[0]. innerHTML; // 添 加 下 标 转 换 成 DOM 对 象 

$ ("h2 >a").get(0). innerHTML; //get(n) 方 法 直接 返回 DOM 对 象 


3. jQuery 对 象 的 链 式 操作 


jQuery 对 象 的 一 个 显著 优点 是 支持 链 式 操作 。 所 谓 链 式 操作 是 指 基 于 一 个 jQuery 对 
象 的 多 数 操作 将 返回 该 jQuery 对 象 本 身 , 从 而 可 以 直接 对 它 进行 下 一 个 操作 。 例 如 ,对 一 
个 jQuery 对 象 执行 大 多 数 方法 后 将 返回 jQuery 对 象 本 身 ,因此 ,可 以 对 返回 的 jQuery 对 
象 继续 执行 其 他 方法 。 下 面 是 一 个 例子 。 


一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清单 8 一 1. html -一 一- 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 
$ (function( ){ // $ (document).ready(function(){ 的 简写 形式 
$ ("p").click(function(){alert( $ (this). html())}) // 设 置 click 事件 的 处 理 函 数 
.mouseover(function( ){alert( 'mouse over event')}) // 设 置 mouseover 事件 的 处 理 函 数 
.text( $ ("p").eq(0). text() + "好 啊 ") // 设 置 元 素 中 的 文本 内 容 


.each(function(i){this. style.color =['#f00', '##0f0', '#00f'][ i ] // 设 置 前 3 个 元 素 的 颜色 
DD); 
<p id= "jp"> 移 进来 !</p><p id= "jp2"> 移 进来 !</p><p> 移 进来 !</p> 


显然 ,通过 上 述 链 式 操作 ,可 以 避免 不 必要 的 代码 重复 ,使 jQuery 代码 非常 简洁 。 其 中 
['#f00',' 并 0f0','#00f"] 是 一 个 JavaScript 数组 ,给 数组 加 下 标 就 能 得 到 该 数组 中 的 某 个 元 
素 。text($("p").eq(0).text() 十 "好 啊 ") 表 示 设 置 选中 元 素 的 文本 内 容 为 第 一 个 p 元 素 
的 文本 内 容 再 连接 一 个 字符 串 常 量 。 

提示 : 本 书 接 下 来 在 介绍 某 些 jQuery 方法 时 ,如 果 说 该 方法 可 以 返回 jQuery 对 象 , 主 
要 就 是 说 可 以 对 该 方法 执行 链 式 操作 。 


@.2 jQuery 的 选择 器 


要 使 某 个 动作 应 用 于 特定 的 HTML 元 素 , 需 要 有 办 法 找到 这 个 元 素 。 在 jQuery 中 , 执 
行 这 一 任务 的 方法 称 为 jQuery 选择 器 。 选 择 器 是 jQuery 的 根基 ,在 jQuery 中 ,对 事件 的 
处 理 ,遍历 DOM 和 Ajax 操作 都 依赖 于 选择 器 。 因 此 很 多 时 候 编写 jQuery 代码 的 关键 就 
是 怎样 设计 合适 的 选择 器 选中 需要 的 元 素 。jQuery 选择 器 把 网 页 的 结构 和 行为 完全 分 离 。 
利用 jQuery 选择 器 ,能 快速 地 找 出 特定 的 HTML 元 素 并 得 到 一 个 jQuery 对 象 ,然后 就 可 
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以 给 对 象 添加 一 系列 的 动作 行为 。jQuery 选择 器 的 优点 表现 在 以 下 两 方面 。 
(1) 简洁 的 写法 ,下 面 是 jQuery 选择 器 与 DOM 方法 的 比较 : 


$ ("#id1") //document. getElementById("id1") 
$ ("div") //document. getElementsByTagName( "div") 


(2) 完善 的 错误 处 理 机 制 : 

若 在 网 页 中 没有 id 为 “id1” 的 元 素 , 则 使 用 document. getElementById("idl") 后 ,浏览 
器 会 报错 ,因此 需要 先 判 断 document. getElementByld("id1") 是 否 存 在 ; 而 使 用 jQuery 选 
择 器 获取 元 素 时 即使 元 素 不 存在 也 不 会 报错 。 

jQuery 的 选择 器 主要 有 三 大 类 , 即 CSS 3 的 基本 选择 器 .CSS3 的 位 置 选择 器 和 过 滤 选 
择 器 。 


8.2.1 支持 的 CSS 选择 器 
jQuery 支持 大 多 数 CSS3 中 的 选择 器 ,并 自 定义 了 一 些 选择 器 ,包括 如 下 几 类 。 
1. 基本 选择 器 


基本 选择 器 包括 标记 选择 器 、 类 选择 器 、ID 选择 器 、 通 配 符 、 交 集 选 择 器 、 并 集 选 择 器 。 
写法 就 是 把 原来 的 CSS 选择 器 写 在 $("") 内 ,例如 : $ ("p")、$ ("cl")、$("#one")、 
a i a 

如 果 选 择 器 选择 的 结果 是 元 素 的 集合 , 则 可 以 用 eq(n) 来 选择 集合 中 的 第 n 十 1 个 元 
素 , 例 如 要 改变 第 一 个 p 元 素 的 背景 色 为 红色 ,可 用 下 面 的 代码 : 


$ ("p").eq(0).css("backgroundColor", "red"); // eq(0) 选 择 集合 中 的 第 1 个 元 素 


2. 层次 选择 器 


层次 选择 器 包括 后 代 选 择 器 、 子 选择 器 、 相 邻 选择 器 、 弟 妹 选择 器 ,例如 : $("# one 
EE: fo dl A es hE 

其 中 ,弟妹 选择 器 如 $ ("hl 一 p") 是 jQuery 新 增 的 ,用 于 选择 hl 元 素 后 面 的 所 有 同 非 
Pp 元素, 而 相 邻 选择 器 如 $ ("hl 十 p") 只 能 选择 紧邻 在 hl 元 素 后 面 的 一 个 同辈 p 元 素 。 这 
是 它们 的 区 别 。 另 外 ,jQuery 中 的 方法 siblings() 与 前 后 位 置 无 关 , 只 要 是 同辈 元 素 就 可 以 
选取 。 下 面 是 一 些 例子 : 


$ ("#qq™~ *").css("backgroundColor", "red"); // 选 择 #qq 后 面 的 所 有 同辈 元 素 
$ ("#qq+ # ").css("backgroundColor"，"red" ); // 选 择 # qq 后 面 第 一 个 同辈 元 素 
$ ("#one>p").css("backgroundColor", "red"); // 选 择 间 one 元 素 内 的 子 p 元 素 


提示 : jQuery 中 没有 动态 伪 类 选择 器 (如 下 : hover), 因 为 它 提供 了 hover() 方 法 模拟 
该 功能 。 


8.2.2 ”过滤 选择 器 


使 用 jQuery 基本 选择 器 后 ,返回 的 jQuery 对 象 通常 会 包含 一 组 DOM 元 素 。 但 在 实 
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际 中 ,往往 还 需要 根据 特定 的 条 件 从 获取 的 元 素 集合 中 筛选 出 一 部 分 DOM 元 素 , 在 这 种 情 
况 下 ,可 以 在 基本 选择 器 的 基础 上 添加 过 滤 选择 器 来 完成 筛选 任务 。 根 据 具体 情况 ,在 过 滤 
选择 器 中 可 以 使 用 元 素 的 索引 值 ` 内 容 、 属 性 、 子 元 素 位 置 .表单 域 属性 以 及 可 见 性 等 作为 得 


选 条 件 。 


1. 位 置 过 滤 选 择 器 


jQuery 支持 的 CSS 3 位 置 选择 器 可 以 看 成 是 CSS 伪 对 象 选择 器 的 一 种 扩展 ,例如 它 也 
有 : first-child 这 样 的 选择 器 ,但 能 选择 的 某 个 位 置 上 的 元 素 更 多 了 。 表 8-1 罗列 了 所 有 
jQuery 支持 的 CSS 3 位 置 选择 器 。 


选 择 器 


表 8-1 jQuery 支持 的 CSS 3 位 置 选择 器 
说 明 


:first 


第 一 个 元 素 ,例如 div p:first 选中 div 中 所 有 p 元 素 的 第 1 个 , 且 该 p 元 素 是 
div 的 子 元 素 


:last 


最 后 一 个 元 素 ,例如 div p:last 


:not(selector) 


去 除 所 有 与 给 定 选择 器 匹配 的 元 素 


第 一 个 子 元 素 ,例如 ul:first-child 选中 所 有 ul 元 素 , 且 该 ul 元 素 是 其 父 元 素 


:first-child 的 第 一 个 子 元 素 
| 最 后 一 个 子 元 素 ,例如 ul:last-child 选中 所 有 ul 元 素 , 且 该 ul 元 素 是 其 父 元 素 
9 的 最 后 一 个 子 元 素 
ati 所 有 没有 兄弟 的 子 元 素 , 例 如 p:only-child 选中 所 有 p 元 素 , 如 果 该 p 元 素 是 
ph 其 父 元 素 的 唯一 子 元 素 

, 第 n 个 子 元 素 , 例 如 li:nth-child(3) 选 中 所 有 li 元 素 , 且 该 上 元 素 是 其 父 元 素 
:nth-child(n) 


的 第 3 个 子 元 素 ( 从 1 开始 计数 ) 


:nth-child(odd|even) 


所 有 奇数 号 或 偶数 号 的 子 元 素 


利用 公式 来 计算 子 元 素 的 位 置 , 例 如 : nth-child(5n 十 1) 选 中 第 5n 十 1 个 子 元 


:nth-childCnX 十 Y) 
素 ( 即 1,6,11,…) 

RS 对 于 整个 页 面 而 言 选 中 奇数 或 偶数 号 元 素 ,例如 p:even 为 页 面 中 所 有 排 在 偶 
数位 的 p 元 素 (从 0 开始 计数 ) 

:eq(n) 页 面 中 第 n 个 元 素 , 例 如 p:eq(4) 为 页 面 中 的 第 5 个 p 元 素 

:gt(n) 页 面 中 第 n 个 元 素 之 后 的 所 有 元 素 ( 不 包括 第 n 个 元 素 ) 


:lt(n) 


页 面 中 第 n 个 元 素 之 前 的 所 有 元 素 (不 包括 第 n 个 元 素 ) 


(1) 下 面 是 几 个 位 置 过 滤 选 择 器 的 例子 。 


$ ("div:first").css("backgroundColor", "# bbffaa"); 
$ ("pi:not('#one')") .attr("align", "center"); 

$ ("tr:even").css("backgroundColor", "# bbffaa"); 

$ ("p:gt(3):odd").css("color", "red")); 


// 第 一 个 div 元 素 

//id 不 为 one 的 所 有 Pp 元 素 
// 索 引 值 为 偶数 的 tr 元 素 
// 索 引 值 大 于 3 且 为 奇数 


$ ("tr:not( :first, :last)").css("backgroundColor"," 井 bbffaa"); // 除 第 一 行 和 最 后 一 行 外 的 行 


$ (" input:not(:radio)") .css("backgroundColor", "#bbffaa"); 
$ (" p:not(:first)") .css("backgroundColor", "# bbffaa"); 


// 表 单 中 所 有 非 radio 
// 除 第 一 个 p 元 素 外 的 p 元 素 
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注意 : : "not(filter)" 的 参数 filter 只 能 是 位 置 选择 器 或 过 滤 选 择 器 ,而 不 能 是 基本 的 
选择 器 ,例如 这 是 一 个 典型 的 错误 : div: not(p: first) 。 
(2) 有 了 位 置 选择 器 ,使 制作 表格 的 隔行 变色 效果 变 得 非常 简单 ,只 需要 一 行 代 码 就 能 
实现 ,下 面 是 实现 表格 隔行 变色 的 代码 。 
$ (function(){ // 页 面 载 人 时 执行 
$ ("table tr:nth- child(odd)").css("backgroundColor", "red");  // 改 变 奇数 行 的 背景 色 
D); 


2. 内 容 过 滤 选 择 器 


内 容 过 滤 选 择 器 的 过 滤 规 则 主要 体现 在 它 所 包含 的 子 元 素 和 文本 内 容 上 。 常 见 的 内 容 
过 滤 选 择 器 见 表 8-2 所 示 。 
表 8-2 jQuery 中 的 内 容 过 滤 选 择 器 


选 择 器 说 明 返 回 
:Contains(text) 选取 含有 文本 内 容 为 text 的 元 素 集合 元 素 
:empty 选取 不 包含 子 元 素 或 文本 (空格 除外 ) 的 空 元 素 集合 元 素 
:has(selector) 选取 含有 选择 器 所 匹配 的 元 素 的 元 素 集合 元 素 
:parent 选取 含有 子 元 素 或 者 文本 的 元 素 集合 元 素 


下 面 是 一 些 jQuery 内 容 过 滤 选 择 器 用 法 的 例子 。 
@ 改变 含有 文本 “不 ”的 #test 元 素 的 背景 色 为 #bfa。 


$ ("#test:contains( 不 )").css("backgroundColor", "# bfa"); 
@ 改变 不 包含 子 元 素 ( 或 者 文本 元 素 ) 的 div 空 元 素 的 背景 色 为 # bfa。 
$ ("div:empty"). css("backgroundColor", "# bfa"); 

@@ 改变 含有 class 为 mini 元 素 的 p 元 素 的 背景 色 为 # bfa。 


$ ("p:has(.mini)").css("backgroundColor", "# bfa"); 


@ 改变 含有 子 元 素 (或 者 文本 元 素 ) 的 div 元 素 的 背景 色 为 # bfa。 

$ ("div:parent").css("backgroundColor", " # bfa"); 

包含 选择 器 “下 : has(F)”, 它 和 后 代 选 择 器 “EEF” 的 区 别 是 后 代 选 择 器 选中 的 是 后 面 一 
个 元 素 下 ,而 包含 选择 器 选中 的 是 前 面 这 个 元 素 E。 

3. 属性 过 滤 选 择 器 


在 HTML 文档 中 ,元 素 的 开始 标记 中 通常 包含 多 个 属性 ,在 CSS 或 jQuery 中 ,除了 使 
用 id 和 class 属性 作为 选择 器 外 ,还 可 以 根据 各 种 属性 对 由 选择 器 查询 得 到 的 元 素 进行 过 
滤 。 属 性 选择 器 用 于 选中 具有 某 个 属性 或 属性 的 属性 值 匹配 给 定 值 的 元 素 集 合 。 属 性 选择 
器 包含 在 中 括号 内 ,而 不 是 以 冒号 开头 。 属 性 选择 器 如 表 8-3 所 示 。 
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表 8-3 jQuery 中 的 属性 选择 器 


选 择 器 名 称 说 明 

ELA] 属性 选择 器 具有 了 属性 A 的 元 素 
ELA=V] 属性 等 于 选择 器 属性 A 值 等 于 V 的 元 素 
ELA!=V] 属性 不 等 于 选择 器 属性 A 值 不 等 于 V 的 元 素 
ELA#=V] 属性 包含 选择 器 属性 A 的 值 中 包含 V 的 元 素 
了 LA” 一 于 属性 包含 单词 选择 器 属性 A 的 值 包含 单词 V 的 元 素 
EL[LA*=V] 属性 开头 选择 器 属性 A 的 值 以 V 开头 的 元 素 
ELA$=V] 属性 结尾 选择 器 属性 A 的 值 以 V 结尾 的 元 素 


下 面 是 属性 选择 器 的 一 些 应 用 举例 。 

(1) 含有 属性 title 的 p 元 素 : $ ("pLtitle]")。 

(2) 属性 title 值 等 于 "test" 的 div 元素: $ ("div[title=testj")。 

(3) 属性 title 值 不 等 于 "test" 的 div 元 素 ( 没 有 属性 title 的 也 将 被 选中 ): $("div 
[title! =test]")。 

(4) 属性 title 值 以 "te" 开 始 的 div 元 素 : $ ("div[Ltitle ^ 一 te]") 。 

(5) 属性 title 值 含有 "es" 的 div 元 素 : $ ("div[title * 一 es]") 。 

(6) 属性 class 值 包 含 单词 "lone" 的 p 元 素 : $("p[class 一 =lone]") 。 

(7) 含有 id 属性 且 name 属性 以 "es" 结 尾 的 input 元 素 : $ ("input[idj[name$ 二 es]")。 


4. 表单 域 属性 过 滤 选 择 器 


表单 域 过 滤 选 择 器 是 jQuery 自 定 义 的 ,不 是 CSS 3 中 的 选择 器 , 它 用 来 处 理 更 复杂 的 
选择 , 表 8-4 列 出 了 jQuery 常用 的 过 滤 选 择 器 。 


表 8-4 jQuery 常用 的 过 滤 选 择 器 


选 择 器 说 明 

:animated 所 有 处 于 动画 中 的 元 素 

:button 所 有 按钮 ,包括 type 属性 为 button .submit 和 reset 的 < input > 标记 和 < button > 标记 
:checkbox 所 有 复 选 框 ,等 同 于 input[Ltype 一 checkbox] 

:file 表单 中 的 文件 上 传 元 素 ,等 同 于 input[type 一 file] 

:header 选中 所 有 标题 元 素 , 例 如 < hl > 一 <h6 > 

:image 表单 中 的 图 片 按钮 ,等 同 于 input[type 二 image] 

:input 表单 输入 元 素 ,包括 < input >、< select>、< textarea > 、< button > 
:password 表单 中 的 密码 域 ,等 同 于 input[type= password] 

:radio 表单 中 的 单 选 按 钮 ,等 同 于 input[type 一 radio] 

:reset 表单 中 的 重 置 按钮 ,包括 input[type 二 reset] 和 button[type 一 reset] 
:submit 表单 中 的 提交 按钮 ,包括 input[type 二 submit] 和 button[Ltype 一 submit] 
:text 表单 中 文本 域 ,等 同 于 input[type 二 text] 

:hidden 匹配 所 有 的 不 可 见 元 素 

:visible 页 面 中 的 所 有 可 见 元 素 

:Selected 下 拉 菜单 中 的 被 选中 项 

:checked 选择 被 选中 的 复 选 框 或 单 选 框 

:disabled 页 面 中 被 禁用 了 的 元 素 

:enabled 页 面 中 没有 被 禁用 的 元 素 
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说 明 :“:hidden” 选 择 器 可 选中 两 种 元 素 , 一 种 是 CSS 属性 设置 为 display: none 或 
visibility: hidden 的 元 素 , 另 一 种 是 表单 中 的 文本 隐藏 域 (< input type 二 "hidden" />) 元 素 。 
有 时 希望 判断 用 户 当前 选中 的 复 选 框 和 单 选 框 ,这 可 以 通 EEC 
过 checked 选择 器 判断 ,而 不 能 通过 checked 属性 的 值 来 判断 ， ERT 
那样 只 能 获得 初始 状态 下 的 选中 情况 ,而 不 是 当前 的 选择 情 2 ea 
况 。 如 果 要 判断 用 户 在 列表 框 中 选中 了 哪 几 项 , 可 通过 术 
:selected 选择 器 得 到 。 下 面 的 代码 8-2. html 将 用 户 选中 的 复 


| 


,EE 

选 框 和 单 选 框 添加 红色 背景 ,将 用 户 选中 的 列表 项 的 内 容 显 示 = | 
在 b 元 素 中 ,运行 结果 如 图 8-3 所 示 。 图 8-3 jQuery 的 过 滤 选 择 器 
一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清单 8- 2.html 一 -一 一- 一 -一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 


function ShowChecked( oCheckBox){ 
$ ("input").css("backgroundColor", ""); 
// 使 用 :checked 过 滤 出 被 用 户 选中 的 
$ ("input[name = " + oCheckBox + "] :checked").css("backgroundColor", "red"); 
var a=[]; 
$ ("select option: selected").each(function(){ 
a[a. length] = $ (this). text(); 
1D); 
$ ("b"). text(a. join(",")); // 将 数组 a 中 的 每 个 元 素 连接 成 字符 串 
| 
爱好 :< input type = "radio" name = "sports" id = "football"> 足 球 < input type = "radio" name = " 
sports" id = "basketbal1"> 篮 球 < input type = "radio" name = "sports”id = "volleyball"> 排 
球 <br> 
< input type = "checkbox" name = "sports” jd = "gofu"> 武 术 <br> 
< select name = "select" size= "3" multiple= "multiple"> 
< option value = "1"> 长 沙 </option>< option value = "2"> 湘 潭 </option > 
< option value = "3"> 衡 阳 </option> 
</select >< b></b> 
< input type = "button" value = "显示 选中 项 " onclick = "ShowChecked( 'sports')" > 


@.3 遍历 和 筛选 DOM 元 素 


遍及 DOM 元 素 用 来 获取 一 组 元 素 ,这 样 可 以 对 一 组 元 素 进行 统一 操作 (例如 某 个 元 素 
的 组 有 子 元 素 ) ,筛选 DOM 元 素 用 来 获取 指定 的 多 个 元 素 。 


8.3.1 遍历 DOM 元 素 的 方法 


虽然 用 jQuery 的 选择 器 能 选中 文档 中 的 大 多 数 元 素 , 但 有 时 还 是 需要 使 用 jQuery 提 
供 的 遍历 元 素 的 方法 从 匹配 元 素 出 发 进一步 搜索 其 祖先 元 素 、 父 元 素 、 同 辈 元 素 、. 子 元 素 以 
及 后 代 元 素 。 表 8-5 列 出 了 几 种 jQuery 中 最 常 使 用 的 遍历 DOM 元 素 的 方法 。 
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表 8-5 jQuery 遍历 元 素 的 方法 


方 ” 法 说 明 
parent() 获取 当前 匹配 元 素 集合 中 每 个 元 素 的 父 元 素 
parents() 获取 当前 匹配 元 素 集合 中 每 个 元 素 的 祖先 元 素 
closest() 从 当前 元 素 开始 向 上 遍历 DOM 树 并 获取 与 选择 器 匹配 的 第 1 个 元 素 
next() 获取 紧 跟 在 每 个 匹配 元 素 之 后 的 单个 同辈 元 素 
prev() 获取 紧邻 在 每 个 匹配 元 素 之 前 的 单个 同辈 元 素 
siblings() 用 于 搜索 每 个 匹配 元 素 的 所 有 同辈 元 素 
children() 获取 每 个 匹配 元 素 的 子 元 素 集合 
not() 从 匹配 的 元 素 集合 中 删除 所 有 符合 条 件 的 元 素 集合 


1. parent() ,children() .next() .prev() 方 法 


这 几 个 方法 分 别 用 于 获取 当前 匹配 元 素 集合 中 每 个 元 素 的 父 元 素 . 子 元 素 集合 、 下 一 个 
同辈 元 素 和 上 一 个 同辈 元 素 。 例 如 
(1) 在 每 个 单元 格 中 显示 其 父 元 素 的 标记 名 。 


$ ("td").append("<b>"+ $ ("td").parent()[0].tagName + "</b>"); 


提示 : 虽然 任何 元 素 的 父 元 素 只 可 能 有 一 个 ,但 由 于 $("td") 匹 配 的 是 一 个 元 素 集合 ， 
因此 这 些 元 素 的 父 元 素 也 是 一 个 集合 ,必须 加 [0] 得 到 第 一 个 匹配 元 素 的 父 元 素 , 同 时 ,加 [0] 
还 可 以 使 这 个 jQuery 对 象 转 换 为 DOM 对 象 ,这 样 就 可 以 使 用 DOM 中 的 属性 tagName 了 。 
(2) children() 方 法 的 用 法 举例 。 


$ ("form").children(); // 获 取 表单 内 所 有 的 子 元 素 
$ ("form"). children(" :checkbox:checked" ); // 获 取 表 单 内 所 有 选中 的 复 选 框 
$ ("form").children(":selected"); // 获 取 列 表 框 中 所 有 选中 的 选项 


(3) next() ,prev() 方 法 的 用 法 举例 。 
假设 有 这 样 的 代码 : < input type 王 "text" name 一 "user" /><b></b>, 则 可 以 用 下 面 
的 代码 为 b 元 素 添加 文本 内 容 。 


$ ("input[name = 'user']").next().text(" 请 输入 用 户 名 "); 
下 面 的 代码 可 以 使 单 击 b 元素 时 前 面 的 文本 框 获 得 焦点 : 


$ ("b").click(function(){ $ (this). prev("input"). focus();}); 


2. find() 方 法 

find() 方 法 用 于 从 每 个 匹配 元 素 内 搜索 符合 指定 选择 器 表达 式 的 后 代 元 素 。 

$ ("div"). find("p"); 

这 条 代码 表示 在 页 面 所 有 div 元 素 中 搜索 其 包含 的 p 元素, 将 获得 一 个 新 的 元 素 集合 ， 
它 完全 等 同 于 以 下 代码 : 


$ ("p", $ ("div")); 
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find() 方 法 与 children() 方 法 类 似 , 所 不 同 的 是 ,children() 方 法 只 搜索 子 元 素 而 不 是 后 
代 元 素 。 
8.3.2 用 slice() 方 法 实现 表格 分 页 


如 果 要 通过 索引 值 筛选 元 素 则 可 以 使 用 slice() 方 法 ,slice() 方 法 用 于 从 匹配 元 素 集合 
中 获取 索引 值 位 于 指定 范围 内 的 元 素 子 集 。 语 法 为 : 


slice(start [,end]) 


其 中 ,start 和 end 参数 都 必须 是 整数 ,指定 开始 选取 子 集 的 位 置 和 结束 选取 子 集 的 位 
置 ,如 果 未 指定 end 参数 , 则 子 集结 束 于 集合 末尾 。 
例如 有 时 如 果 只 想 显 示 表 格 中 指定 范围 的 几 行 , 则 可 以 使 用 如 下 代码 ,其 运行 效果 如 
图 8-4 所 示 ,可 看 到 只 显示 了 表格 中 的 第 4 一 6 行 。 
$ (function(){ 
$ ("table"). find( 'tbody tr'). hide() // 先 隐藏 tbody 元 素 中 所 有 的 行 
.slice(4,7). show(); // 再 显示 第 4 行 到 第 6 行 


Va 

<table width = "200" border = "1" cellspacing = "4"> 
<thead><tr><th> 姓 名 </th>< th> 手 机 号 </th></tr></thead> 
<tbody><tr><td>1</td><td></td></tr><tr><td>2</td>< td></td></tr > 
<tr><td>11</td><td></td></tr ></tbody ></table> 


提示 : slice() 方 法 从 集合 中 选取 一 个 子 集 , 其 第 1 个 元 素 在 原 集 合 中 的 索引 值 等 于 
start, 最 后 一 个 元 素 在 原 集合 中 的 索引 值 等 于 end-1。 由 于 集合 中 的 元 素 索引 值 从 0 开始 ， 
而 单元 格 中 的 文本 序号 从 1 开始 ,因此 第 4 行 到 第 6 行 的 文本 序号 就 是 5 一 7。 

1. 设置 表格 分 页 并 显示 第 1 页 


不 难 发 现 , 通 过 slice() 方 法 我 们 可 以 在 客户 端 对 数据 表格 进行 分 页 显示 。 为 了 分 页 需 
要 定义 两 个 变量 , 即 当 前 显示 的 页 cur、 每 页 显示 的 行 数 pagesize。 修 改 后 的 代码 如 下 ， 


$ (function(){ // 设 置 表格 分 页 并 显示 第 1 页 
var cur=1; // 当 前 页 显示 第 1 页 
var pagesize = 3; // 每 页 显示 的 行 数 


$ ("table"). find( 'tbody tr'). hide() 
.slice( (cur -1) x pagesize+1,curx pagesize+1) .show();// 显 示 当 前 页 的 所 有 行 
$ ("table"). find( 'tr:has(th)'). show( ); // 显 示 表 头 

// 代 码 段 A 

的 


运行 效果 如 图 8-5 所 示 。 这 样 , 只 要 改变 变量 cur 的 值 就 能 显示 指定 的 分 页 页 面 了 。 


獒 至 手机 可 姓名 | 手机 号 
6E iT | 1 

6 2 
Fr [| | 


图 8-4 显示 指定 范围 的 行 图 8-5 设置 表格 分 页 并 显示 第 一 页 
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1234 分 页 链接 
2. 给 表格 添加 分 页 页 码 按钮 姓名 [手机 号 
1 
接 下 来 ,我 们 给 它 添加 分 页 页 码 按钮 。 使 用 户 能 通过 单 击 页 有 一 
人 B 
码 选择 页 面 。 只 要 将 下 面 的 代码 插入 到 代码 段 A 处 即 可 ,运行 
效果 如 图 8-6 所 示 。 图 8-6 ”添加 分 页 页 码 后 
WM/ 代码 段 A( 半 加 分 页 页 码 ) = = 
var trcount = $ ("table").find('tbody tr').length;  // 除 表 头 外 总 共有 多 少 行 
var pagecount = Math. ceil(trcount/pagesize); // 总 共有 多 少 页 , ( 行 数 /每 页 行 数 再 取 顶 ) 
var $ pager = $ ('<div class = "pager"></div>'); // $ pager 是 放置 页 码 的 div 
for (var page = 0;page < pagecount; page++){ // 给 页 码 添加 样式 并 插入 到 $ pager 中 
$('<b> '+ (page+1)+'</b> ').appendTo( $ pager).addClass( 'clickable'); 
$ pager. insertBefore( $ ("table")); // 将 $ pager 插入 到 table 元 素 前 


3. 启用 分 页 按钮 


最 后 ,需要 使 这 些 分 页 链接 可 以 供用 户 单 击 ,我 们 给 这 些 链接 设置 单 击 时 的 事件 处 理 程 
序 , 当 单 击 某 个 页 码 时 ,就 使 cur 等 于 当前 页 码 。 修 改 上 述 代码 如 下 : 


$ (function(){ // 启 用 分 页 按钮 

var cur=1 // 页 面 加 载 时 显示 第 一 页 

var pagesize = 3 // 每 页 显示 的 行 数 

var renewpage = function(){ // 将 显示 分 页 的 代码 写 在 函数 renewpage 中 


$ ("table").find( 'tbody tr').hide() 
.Slice((cur -1) * pagesize + 1,cur * pagesize+ 1). show(); 
$ ("table"). find( 'tr:has(th)'). show(); 
}; 
var trcount = $ ("table"). find( 'tbody tr'). length; 
var pagecount = Math. ceil(trcount/pagesize); 
var $ pager= $ (< div class= "pager"></div>'); 
for (var page = 0;page < pagecount; page++ ){ 
$('<b>'+(page+1)+'</b> ').appendTo( $ pager).addClass( 'clickable') 


.click(function(){ // 单 击 分 页 链接 时 ( 即 启用 分 页 按钮 ) 
cur = page; // 使 当前 页 等 于 page 变量 
renewpage( ) // 重 新 显示 分 页 


]) 

} 

$ pager. insertBefore( $ ("table")); 

renewpage( ); // 页 面 载 人 时 也 执行 一 次 分 页 代码 ,将 显示 第 一 页 
}) 


运行 上 述 代 码 ,会 发 现 无 论 单 击 哪个 页 码 , 总 是 显示 最 后 一 页 (第 4 页 ) 的 记录 。 这 是 因 
为 ,我 们 在 单 击 的 事件 处 理 程 序 的 定义 中 创建 了 一 个 闭 包 。 单 击 处 理 程序 引用 了 page 变 
量 ,该 变量 定义 在 click 函数 体 的 外 部 , 当 每 次 循环 改变 这 个 变量 的 值 时 ,新 的 值 会 影响 我 们 
早先 为 按钮 设置 的 单 击 处 理 程序 。 最 终结 果 是 , 单 击 任何 一 页 时 ,page 的 值 都 为 4。 
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为 了 修正 这 个 问题 ,需要 使 用 事件 绑 定 程序 ,并 通过 事件 对 象 的 + 一 


EE 

参数 event. data 来 传递 page 变量 的 值 ,这 样 可 以 避免 闭 包 的 影响 。 5 
下 面 是 实现 表格 分 页 的 最 终 代码 。 它 的 运行 效果 如 图 8-7 所 示 , 可 见 
当 单 击 任 一 页 码 时 都 能 正确 显示 对 应 的 分 页 。 图 8-7 启用 分 页 按钮 

<style>.clickable{color:red;} 

.active{ background:red;color:white; }</style> 

<script> 

$ (function(){ // 启 用 分 页 按钮 的 最 终 方案 

var cur=1; // 页 面 加 载 时 显示 第 1 页 

var pagesize = 3; // 每 页 显示 的 行 数 

$ ("table"). bind( 'renewpage', function(){ // 为 表格 元 素 绑 定 renewpage 函数 


$ ("table").find( 'tbody tr'). hide() 
.Slice( (cur -1) * pagesize+1,cur* pagesize+ 1).show(); // 显 示 当 前 页 的 所 有 行 
$ ("table"). find( 'tr:has(th)'). show( ); 
DD); // bind 方法 结束 
var trcount = $ ("table"), find( 'tbody tr'). length; // 显示 分 页 页 码 的 代码 开始 
var pagecount = Math. ceil(trcount/pagesize); 
var $ pager = $ ('<div class = "pager"></div>'); 
for (var page = 0;page < pagecount; page++){ 
// 发 送 被 单 击 的 页 码 的 值 newPage 给 事件 对 象 event 
$('<b>'+(page+1)+'</b> ').bind('click', {'newPage': page + 1}, function(event) { 
cur = event. data[ 'newPage']; // 让 当前 页 等 于 newPage 的 值 
$ ("table"). trigger( ‘renewpage'); // 触 发 执行 renewpage 函数 
$ (this).addClass('active'). siblings(). removeClass( 'active'); 
}).appendTo( $ pager).addClass( 'clickable'); 
$ pager. insertBefore( $ ("table")); 
$ ("table"). trigger( 'renewpage'); // 页 面 载 人 时 也 执行 renewpage 
// 函 数 
}) 


</script > 


@.4 jQuery 对 DOM 文档 的 操作 


通过 对 文档 中 的 元 素 进行 操作 来 动态 更 新 网 页 ,是 实现 动态 网 页 编程 的 一 个 重要 途径 。 
一 旦 从 文档 中 获取 了 某 个 元 素 ,就 可 以 对 该 元 素 进 行 复制 .移动 .替换 ,删除 以 及 包 庄 等 操 
作 , 也 可 以 根据 需要 在 文档 中 创建 并 插入 新 的 元 素 。 

8.4.1 创建 元 素 


在 jQuery 中 使 用 $ 可 以 直接 创建 DOM 元 素 , 下 面 的 代码 用 于 创建 一 个 段落 ,并 设置 
其 align 属性 和 title 属性 以 及 段落 中 的 内 容 。 


var newP = $ ("<p align= 'center'title= ' 这 是 一 条 新 闻 > 武 广 高 速 铁路 即将 通车 !</p>"); 


这 行 代码 等 价 于 如 下 的 JavaScript 代码 : 
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var newP = document. createElement("p"); 


var text = document. createTextNode(" 武 广 高 速 铁路 即将 通车 !") 
newP. appendChild( text); 


为 了 确保 跨 平台 的 兼容 性 , $ Oy) 中 的 HTML 代码 段 必须 是 格式 良好 的 。 包 含 其 他 元 
素 的 标记 应 当 有 一 个 结束 标记 。 此 外 ,jQuery 还 允许 类 似 XML 的 标记 语法 ,例如 : 


$ ("<a/>"); $ ("<ing />"); $ ("< input >"); 


对 于 元 素 中 属性 的 写法 ,还 可 以 将 一 个 属性 映射 传递 给 第 二 个 参数 。 这 个 参数 可 传递 
.attr() 方 法 的 属性 的 一 个 超 集 。 例 如 ,下 面 的 代码 用 于 创建 一 个 div 元 素 , 并 对 其 设置 文本 
内 容 .HTML 属性 .CSS 属性 以 及 click 事件 处 理 程序 进行 设置 。 


$ ("<div/>"，{id:"ceng", text:" 单 击 我 ", width:80, height:80, 
css:{textAlign:"center", backgroundColor:"#99f",border:"1lpx solid #¢ccc", padding:"3px"}, 
click:function(){alert("Hello!");} 


}).appendTo( $ ("body" )); 
8.4.2 插入 到 指定 元 素 的 内 部 


当 使 用 $ 直接 创建 DOM 元 素 后 ,这 些 元 素 并 不 会 自动 呈现 在 页 面 中 ,为 此 ,还 必须 将 
新 建 的 元 素 插 和 人 到 文档 中 ,使 用 表 8-6 中 的 几 种 方法 可 以 在 指定 元 素 的 内 部 插入 HTML 元 
素 或 文本 。 


表 8-6 内 部 插入 元 素 的 方法 


方 ”法 描 述 
append() 向 每 个 匹配 元 素 的 内 部 的 结尾 处 追加 内 容 
appendTo() 将 内 容 追 加 到 指定 元 素 的 内 部 的 结尾 处 
prepend() 向 每 个 匹配 元 素 的 内 部 的 开始 处 插入 内 容 
prependTo() 将 内 容 插入 到 指定 元 素 的 内 部 的 开始 处 


考虑 下 面 的 HTML 代码 (8-3. html) : 


<div id= "main"> 
<h2 > 高 铁 开通 </h2 > 


</div> 


如 果 要 在 井 main 元 素 内 部 的 结尾 处 插入 一 个 P 元素 ,可 以 使 用 下 面 方法 : 


$ (function(){ 
var newP = $ ("<p> 武 广 高 速 铁路 即将 通车 !</p>"); 


$ ("#main").append(newP); // 或 newP.appendTo( $ (" 井 main")) ; 
}); 


上 述 代码 中 $("##main").append(newP) 表 示 “ 在 #main 元 素 中 插入 newP 元 素 ”。 也 
可 以 将 其 换 成 注释 中 的 语句 newP. appendTo( $("#main")), 它 可 读 作 “newP 元 素 被 插入 
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到 了 #main 元 素 中 ”, 可 看 到 append() 和 appendTo() 方 法 就 ”EECTTECECESRSGI 


er 3 | 文件 轨 六 本 四 查看) ”| 镑 扩 | 司 
相当 于 汉语 中 的 “把 ”字句 和 “被 "字句 。prepend ( ) 和 ee 后 


prependTo() 方 法 的 关系 也 是 如 此 。 PE ee | 
下 面 是 一 个 在 表格 中 使 用 prepend() 或 append() 方 法 动 | FRXRF ap | 
态 添加 行 , 以 及 使 用 remove() 方 法 删除 行 的 实例 , 它 的 运行 
效果 如 图 8-8 所 示 。 


一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清单 8 一 4. html 一 -一 -一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 
< script src = "jquery. min. js"></script > 
< script > 
$ (function(){ 
$ ("#start"). click(function(){ // 单 击 "在 前 面 插入 "按钮 时 
$ ("#make").prepend('<tr>< td> 前 面 插入 的 行 </td>< td><a href = "javascript:;" 
onclick = "del(this)"> 删 除 此 行 </a></td></tr>'); // 插 入 新 行 
}); 
$ ("#endp"). click(function(){ // 单 击 "在 末尾 插入 "按钮 时 
$ ("#make").append(<tr><td> 末 尾 插入 的 行 </td><td><a href = "javascript:;" onclick 
= "del(this)"> 删 除 此 行 </a></td></tr>'); // 插 入 新 行 
} 3 
}); 
function del(obj){ // 单 击 "删除 此 行 "链接 时 


// a 的 父 元 素 的 父 元 素 即 tz 元 素 ,remove( ) 方 法 用 来 删除 元 素 
$ (obj). parent().parent().remove();} 
</script > 
< table width = "232" border = "1" cellpadding = "3" cellspacing = "1" id= "make"> 
<tr><td width= "98"> 第 一 行 </td> 
<td><a href = "javascript:;" onclick = "del(this)"> 删 除 此 行 </a></td></tr> 
<tr><td> 第 二 行 </td> 
<td><a href = "javascript:;" onclick = "del(this)"> 删 除 此 行 </a></td></tr> 
<tr><td> 第 三 行 </td> 
<td><a href = "javascript:;" onclick = "del(this)"> 删 除 此 行 </a></td></tr> 
</table> 
< input type = "button" id = "start" value = "在 前 面 插入 行 "/> 
< input type = "button" id = "endp" value = "在 末尾 插入 行 "/> 


8.4.3 插入 到 指定 元 素 的 外 部 


在 上 节 中 介绍 的 方法 可 以 用 来 在 指定 元 素 内 部 插入 内 容 , 若 要 在 指定 元 素 的 相 邻 位 置 
(之 前 或 之 后 ) 插 和 内容, 则 需要 使 用 表 8-7 中 的 方法 来 实现 。 
表 8-7 外 部 插入 元 素 的 方法 


方 法 描 述 
after() 向 每 个 匹配 的 元 素 之 后 插入 内 容 
insertAfter() 将 每 个 匹配 的 元 素 插入 到 指定 元 素 之 后 
before() 向 每 个 匹配 的 元 素 之 前 插入 内 容 
insertBefore() 将 每 个 匹配 的 元 素 插 入 到 指定 元 素 之 前 
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例如 ,对 于 8.4.2 节 中 的 HTML 代码 (8-4. html) ,使 用 下 面 的 代码 仍然 能 在 h2 元 素 后 
面 插入 一 个 p 元 素 ,实现 相同 的 效果 。 

$ (function(){ 

var newP = $ ("<p align= 'center'title= ' 新 闻 > 武 广 高 速 铁路 通车 !</p>"); 
$ ("#main h2").after(newP) ; // 或 newP. insertAfter( $ ("#main h2")); 
3 
8.4.4 删除 元 素 


jQuery 提供 了 以 下 三 种 方法 ,可 以 用 来 从 文档 中 删除 指定 的 DOM 元 素 , 或 从 指定 元 素 
中 删除 所 有 子 节点 。 


1. remove() 方 法 


从 DOM 中 删除 所 有 匹配 的 元 素 , 如 果 这 些 元 素 中 包含 任意 数量 的 内 部 嵌 套 元 素 , 则 它 
们 也 将 被 一 起 删除 。 这 个 方法 不 会 把 匹配 的 元 素 从 jQuery 对 象 中 删除 ,因而 可 以 在 将 来 再 
使 用 这 些 匹 配 的 元 素 。 可 以 通过 一 个 可 选 的 表达 式 对 要 删除 的 元 素 进 行 筛选 。 

例如 ,对 于 如 下 HTML 代码 : 


<p class = "city"> 衡 阳 </p> 抗 日 战争 <p> 纪 念 塔 </p> 
如 果 要 删除 所 有 p 元 素 , 可 执行 如 下 jQuery 语句 : 
$ ("p"). remove(); // 执 行 结果 是 :抗日 战争 


remove() 方 法 也 可 以 带 一 个 选择 器 作为 参数 ,对 匹配 元 素 进 行 筛选 。 例 如 要 删除 类 名 
为 city 的 p 元 素 , 可 执行 如 下 jQuery 语句 : 


$ ("p"). remove(".city"); // 执 行 结果 是 :抗日 战争 <p> 纪 念 塔 </p> 


2. detach() 方 法 


detach() 方 法 与 remove() 方 法 基本 相同 ,也 是 从 DOM 中 删除 所 有 匹配 的 元 素 ,但 与 
remove() 方 法 不 同 的 是 ,被 删除 元 素 的 所 有 绑 定 的 事件 .附加 的 数据 等 都 会 保留 下 来 。 因 
此 ,如 果 以 后 要 将 移 除 的 元 素 重 新 插入 到 DOM 中 ,detach() 方 法 非常 有 用 。 例 如 : 


$ ("p"). detach(); 


3. empty() 方 法 
empty() 方 法 将 删除 所 有 匹配 的 元 素 中 的 子 节点 。 例 如 ,对 于 如 下 HTML 代码 : 


<div class = "content"> 
<p class = "city"> 衡 阳 </p><b> 抗 日 战争 </b > <p> 纪 念 塔 </p></div> 


若 要 删除 类 名 为 content 元 素 中 的 所 有 子 元 素 , 则 代码 如 下 : 
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$ (".content").empty(); // 执 行 结果 是 :< div class = "content"></div> 


8.4.5 包 右 元 素 


所 谓 包 庄 元 素 是 指 用 另外 一 个 指定 的 标记 将 匹配 的 元 素 包 庄 起 来 。 通 过 下 列 方法 ,可 
以 使 用 指定 的 HTML 内 容 或 DOM 元 素 对 目标 元 素 或 其 子 内 容 进行 包 右 , 即 在 现 有 内 容 的 
周围 添加 新 内 容 。 


1. wrap() 方 法 


把 所 有 匹配 的 元 素 用 其 他 元 素 的 标记 包 庄 起 来 。 这 种 包 庄 对 于 在 文档 中 插入 额外 的 结 
构 化 标记 最 有 用 ,而 且 它 不 会 破坏 原始 文档 的 语义 内 容 。 例 如 ,对 于 如 下 HTML 代码 : 


<p> 第 一 段 .</p><div id= "content"></div> 

执行 如 下 jQuery 请 句 : 

$ ("p").wrap( $ ("#content") ); // 或 者 $ ("p").wrap( "<div id= 'content' />"); 
得 到 的 结果 是 : 

< div id = "content"><p> 第 一 段 .</p></div>< div id= "content"></div> 


由 此 可 见 , 如 果 从 页 面 中 选择 一 个 结构 来 包 右 目标 元 素 , 那 么 不 会 移 走 该 结构 ,而 是 克 
隆 出 它 的 一 个 副本 ,再 用 该 副本 来 包装 目标 元 素 。 


2. unwrap() 方 法 


unwrap() 方 法 从 DOM 中 删除 匹配 元 素 中 每 个 元 素 的 父 元 素 (直接 上 级 元 素 )。 而 使 匹 
配 元 素 保留 在 其 原来 的 位 置 并 返回 jQuery 对 象 。unwrap() 方 法 的 作用 与 wrap() 方 法 正好 
相反 。 例 如 ,对 于 如 下 HTML 代码 : 


<div id= "content">< div><p> 第 一 段 </p></div></div> 
执行 如 下 jQuery 语句 : 
$ ("p"). unwrap( ); 

得 到 的 结果 是 : 


<div id = "content"><p> 第 一 段 .</p></div> 


3. wrapAllO) 方 法 


此 方法 使 用 一 个 HTML 结构 包 庄 在 所 有 匹配 元 素 的 周围 ,并 且 返 回 jQuery 对 象 。 例 
如 ,对 于 如 下 HTML 代码 : 
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<div id = "content"><p> 第 一 段 </p><p> 第 二 段 </p></div> 
执行 如 下 jQuery 语句 : 
$ ("#content p").wraphll("< div class = 'inner’' />"); 

得 到 的 结果 是 : 


<div id = "content">< div class = "inner"> 
<p> 第 一 段 </p><p> 第 二 段 </p></div></div> 


由 此 可 见 ,wrapAll() 方 法 将 所 有 匹配 元 素 视 为 一 个 整体 进行 包 于 ,而 wrap() 方 法 分 别 
对 每 个 匹配 元 素 进行 包 庄 。 


4. wraplnner() 方 法 


此 方法 使 用 一 个 HTML 结构 来 包装 匹配 集合 中 每 个 元 素 的 内 容 (包括 文本 节点 在 
内 ) ,并且 返回 jQuery 对 象 。 例 如 ,对 于 如 下 HTML 代码 : 


<div id= "content"><p> 第 一 段 .</p><p> 第 二 段 .</p></div> 
执行 如 下 jQuery 语句 : 
$ ("#content p").wrapInner("<b class = 'bold' />"); 

得 到 的 结果 是 : 


< div id = "content"><p><b class = "bold"> 第 一 段 .</b></p> 
<p><b class = "bold"> 第 二 段 .</b></p></div> 


从 jQuery 1.4 开始 ,wrap() 和 warpInner() 方 法 的 参数 还 可 以 是 一 个 回调 函数 。 它 将 
生成 一 个 用 来 包 庄 匹配 元 素 内 容 的 HTML 结构 。 例 如 ,对 于 如 下 HTML 代码 


<div id = "content"><p> Hello </p><p> Bye </p></div> 
执行 如 下 jQuery 语句 : 
$ ("#content p").wrap(function(){ 
return "< div class= '"+ $ (this). text() +"'/>"; 
} 
得 到 的 结果 是 : 


<div id = "content"><div class = "Hello"><p> Hello</p></div> 
<div class = "Bye"><p>Bye</p></div></div> 


8.4.6 替换 和 复制 元 素 
替换 元 素 有 两 种 方法 ,除了 可 以 将 原来 的 元 素 删除 后 再 插入 一 个 新 元 素 外 ,还 可 以 使 用 
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jQuery 提供 的 两 个 替换 元 素 的 方法 , 即 replaceWith 方法 和 replaceAll 方 法。 


1. replaceWith() 方 法 


此 方法 使 用 提供 的 新 内 容 来 替换 所 有 匹配 元 素 集合 中 的 每 个 元 素 并 返回 jQuery 对 象 。 
<p><a href =" 井 "id= "vote"> 投 一 票 </a></p> 
$ (function(){ $ ("#vote").click(function(){ 
$ (this). replaceWith("<b> 您 已 投票 ,谢谢 </b>"); 
站 
当 单 击 a 元 素 时 ,a 元 素 会 被 替换 成 b 元素。 
2. replaceAll() 方 法 


此 方法 使 用 匹配 元 素 集合 来 蔡 换 每 个 目标 元 素 ,并 且 返 回 jQuery 对 象 。 例 如 上 例 中 的 


replaceWith 语句 可 改写 成 如 下 语句 ,实现 同样 的 功能 。 


$ ("<b> 您 已 投票 ,谢谢 </b >" ). replaceAll(this); 


3. 使 用 clone() 方 法 复制 元 素 
使 用 clone 方法 可 执行 复制 元 素 的 操作 ,以 创建 匹配 元 素 集 合 的 副本 。 由 于 clone() 方 


法 复制 元 素 后 需要 将 新 元 素 搬入 到 文档 中 才能 显示 ,因此 clone() 方 法 通常 和 某 种 插入 方法 
结合 使 用 。 例 如 下 面 的 代码 , 当 单 击 . vote 元 素 时 ,将 复制 该 元 素 , 并 添加 到 该 元 素 的 后 面 。 


$ (function(){ 
$ (". vote" ).parent().click(function(){ 
$ (this). clone(). insertAfter(this); // 改 成 appendTo 试 试 
dD 
<p><a href ="#"class = "vote"> 投 一 票 </a> </p> 


clone 方法 可 以 带 一 个 布尔 类 型 的 参数 ,如 果 该 参数 为 True 则 表示 复制 元 素 的 同时 也 


复制 元 素 包 含 的 事件 处 理 程序 。 


@.5 DOM 属性 操作 


村 


除了 对 DOM 元 素 的 操作 以 外 , 读 取 和 设置 DOM 元 素 的 属性 也 是 客户 端 脚 本 编程 的 


EE 要 内 容 。jQuery 提供 了 一 些 方法 ,可 以 用 来 设置 DOM 元 素 的 通用 属性 和 CSS 属性 ,或 


者 用 来 设置 元 素 的 HTML 内 容 、 文 本 和 值 。 


8.5.1 获取 和 设置 元 素 属性 
1. attr() 方 法 
HTML 标记 通常 定义 了 各 种 各 样 的 属性 。 在 jQuery 中 ,可 以 使 用 attr() 方 法 获取 和 
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设置 元 素 的 HTML 属性 , 当 为 该 方法 传递 一 个 参数 时 , 即 为 获取 某 元 素 的 指定 属性 。 当 为 
该 方法 传递 两 个 参数 时 , 即 为 设置 某 元 素 指定 属性 的 值 。 


(1) 下 面 的 代码 用 来 从 页 面 中 获取 第 一 个 img 元 素 的 src 属性 值 ,和 第 一 个 a 元 素 的 
href 属性 值 。 


var src= $ ("img").attr("src"); 
var href = $ ("a").attr("href"); 


(2) 下 面 的 代码 是 设置 匹配 元 素 属性 的 几 种 语法 格式 。 


$ ("img").attr("src", "test. jpg" ); // 设 置 src 属性 为 test. jpg 
$ ("img").attr({ src: "test. jpg", alt: "Test Image" }); // 设 置 多 个 属性 
$ ("img").attr("title", function() { return this. src }); // 把 src 属性 值 设 置 为 title 属性 的 值 


当 设 置 多 个 属性 时 ,可 以 省 略 属性 名 两 边 的 引号 。 但 要 注意 , 当 设 置 “class” 属 性 时 , 则 
其 两 边 的 引号 不 能 省 略 。 


2. removeAttr() 方 法 
该 方法 可 以 从 每 个 匹配 元 素 中 删除 一 个 属性 并 返回 jQuery 对 象 。 例 如 : 


$ ("p").removeAttr("align"); // 从 所 有 段落 中 删除 align 属性 


3. val() 方 法 


虽然 使 用 attr() 方 法 可 以 对 元 素 的 大 多 数 属 性 进行 设置 。 但 是 , 当 获 取 或 设置 表单 元 
素 的 value 属性 时 ,我 们 通常 使 用 另 一 个 专用 的 方法 一 一 val() ,根据 是 否 传递 参数 ,val() 方 
法 可 以 用 来 获取 value 属性 或 设置 value 属性 。 例 如 : 


$ ("#Submit"). val() // 获 取 表 单元 素 # Submit 的 value 属性 值 

$ ("#Submit").val(" 新 设置 的 值 "); // 设 置 表单 元 素 # Submit 的 value 属性 值 

$ ('input:text. items').val(function() { // 传 递 函数 设置 元 素 的 value 属性 
return this.value + '' + this.className; 

]) 


8.5.2 获取 和 设置 元 素 的 内 容 


获取 和 设置 元 素 的 内 容 是 DOM 编程 中 经 常 进行 的 操作 ,jQuery 提供 了 html() 方 法 获 
取 匹 配 元 素 的 HTML 内 容 ,text() 方 法 获取 匹配 元 素 中 的 文本 内 容 。 这 两 个 方法 分 别 对 应 
JavaScript 中 的 innerHTML 和 innerText 方法 。 


1. html() 方 法 


html() 方 法 用 于 获取 或 设置 匹配 元 素 的 HTML 内 容 , 它 不 适合 于 XML 文档 。 根 据 传 
递 的 参数 不 同 ,html() 方 法 有 以 下 三 种 语法 格式 。 
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(1) 不 提供 参数 时 可 用 于 获取 匹配 元 素 集合 中 第 一 个 元 素 的 HTML 内 容 并 返回 字符 
串 。 例 如 : 


$ ("#main"). html(); 


(2) 根据 传递 的 字符 串 来 设置 匹配 元 素 集合 中 每 个 元 素 的 HTML 内 容 并 返回 jQuery 
对 象 。 设 置 元 素 内 容 后 会 清空 元 素 以 前 的 内 容 。 例 如 : 


$ ("#main").html("<p> 这 是 新 添加 的 段落 </p>"); 


(3) 根据 传递 的 函数 来 设置 匹配 元 素 集合 中 每 个 元 素 的 HTML 内 容 并 返回 jQuery 对 
象 。 例 如 : 


$ ("#tab 1i"). html(function(index, html){ 

return "<a href = '# > 这 是 第 " + (index+ 1) + "个 Tab 项 </a>"; 
DD); 
2. text() 方 法 


text() 方 法 用 于 获取 或 设置 匹配 元 素 的 文本 内 容 。 它 具有 类 似 于 html() 方 法 的 三 种 语 
法 格式 。 假 设 有 如 下 HTML 代码 : 


<div><p> 航 空 母 舰 < span > 即将 <b> 下 水 </b></span></p></div> 


如 果 使 用 不 带 参 数 的 text() 方 法 来 获取 div 元 素 的 文本 内 容 , 此 时 将 删除 所 有 HTML 
标记 ,结果 为 “航空 母 舰 即将 下 水 ”, 使 用 下 面 的 代码 可 使 这 个 字符 串 作 为 另 一 个 段落 插入 到 
文档 中 。 


$ ("body").append("<p>" + $ ("div"). text() + "</p>"); 


提示 : text() 方 法 不 带 参 数 时 将 获取 匹配 元 素 集合 中 所 有 元 素 的 文本 内 容 , 而 不 像 
html() 方 法 只 获取 第 一 个 元 素 的 HTML 内 容 。 

如 果 text() 方 法 带 有 参数 , 则 根据 传递 的 字符 串 来 设置 匹配 元 素 集合 中 每 个 元 素 的 文 
本 内 容 , 并 返回 jQuery 对 象 。 如 果 传递 的 字符 串 中 含有 HTML 代码 ,会 自动 对 HTML 代 
码 进行 转 义 。 例 如 : 

$ ("div"). text( '< font color = "red"> 航 空 母 舰 </font >'); 


执行 这 个 语句 后 ,该 div 元 素 中 的 文本 并 不 会 变 红色 ,而 是 在 网 页 上 按 原样 显示 text() 
方法 中 的 HTML 代码 。 因 为 该 HTML 代码 已 转 义 为 : 


&lt;font color = &quot;redg&quot; &gt; 航 空 母 舰 &1lt; /font&gt; 


8.5.3 获取 和 设置 元 素 的 CSS 属性 
1. 使 用 css() 方 法 设置 和 获取 样式 属性 
jQuery 提供 一 个 名 为 css() 的 方法 ,可 以 用 来 获取 或 设置 元 素 的 CSS 样式 属性 。 如 果 
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该 方法 带 有 一 个 参数 , 则 可 以 获取 匹配 元 素 的 CSS 属性 ,如 果 该 方法 带 有 两 个 参数 , 则 可 以 
设置 匹配 元 素 的 CSS 属性 。 例 如 : 


$ ("h2>a").css("color"); // 获 取 字体 颜色 
$ ("h2>a").css("color", "red"); // 设 置 字体 颜色 


使 用 jQuery 选择 器 设置 CSS 样式 需要 注意 两 点 。 

(1) CSS 属性 应 写成 JavaScript 中 的 形式 ,如 text-decoration 应 写成 textDecoration 。 

(2) 如 果 要 在 一 条 jQuery 选择 器 的 css() 方 法 中 同时 设置 多 条 CSS 样式 ,可 以 使 用 下 
面 的 语法 格式 : 


$ ("h2 > a").css({color:"red",textDecoration:"none"}); // 设 置 字体 颜色 和 下 夯 线 


2. 设置 和 切换 CSS 类 


还 可 以 将 元 素 的 CSS 属性 写 在 元 素 的 类 选择 器 中 ,通过 切换 类 选择 器 来 改变 元 素 的 
CSS 样式 。 而 class 是 元 素 的 一 个 HTML 属性 ,所 以 获取 class 和 设置 class 都 可 以 使 用 
attr() 方 法 来 完成 ,但 我 们 通常 用 以 下 4 种 专用 的 方法 对 class 属性 进行 操作 。 

(1) addClass() 方 法 ,用 来 对 匹配 元 素 集合 中 的 每 个 元 素 追 加 指定 的 类 名 , 它 不 会 删除 匹 
配 元 素 的 任何 原 有 类 名 。 若 要 对 匹配 元 素 同 时 添加 多 个 类 ,可 以 使 用 空格 来 分 隔 类 名 ,例如 ， 


$ ("p:last").addClass( 'footer highlight'); 


(2) removeClass() 方 法 ,从 匹配 元 素 集合 的 每 个 元 素 中 删除 一 个 、 多 个 或 全 部 类 ,例如 : 


$ ("div:even"). removeClass( 'blue'); // 删 除 匹配 元 素 的 blue 类 
$ ("div:even"). removeClass(); // 删 除 匹配 元 素 所 有 的 类 


如 果 要 在 两 个 不 同 的 类 之 间 进 行 切换 , 则 可 以 将 此 方法 与 addClass() 方 法 一 起 使 用 。 


$ ("div:even").removeClass( 'blue').addClass( 'red'); 


(3) toggleClass() 方 法 : 用 于 切换 元 素 的 样式 。 匹 配 的 元 素 如 果 没 有 使 用 类 名 , 则 对 该 
元 素 加 入 类 名 ; 如 果 已 经 使 用 了 该 类 名 , 则 从 元 素 中 删除 该 类 名 。 
下 面 的 代码 可 以 实现 鼠标 滑 过 时 单元 格 背 景 变色 ,鼠标 离开 时 恢复 原色 。 


< style> td. hover{background: # fee}</style> 
<script> 
$ (function(){ 
$ ("td").hover( 
function () { $ (this).toggleClass("hover"); // 鼠 标 滑 上 时 切换 一 次 类 
}, 
function () { $ (this). toggleClass("hover"); // 鼠 标 离开 时 切换 一 次 类 
}); });</script> 


(4) hasClass() 方 法 : 检查 匹配 元 素 中 是 否 含有 指定 的 类 ,并 返回 一 个 布尔 值 。 如 果 
有 , 则 返回 true; 否则 返回 false。 
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6.6 事件 处 理 


8.6.1 页 面 载 入 时 执行 任务 


在 原始 的 JavaScript 中 ,如 果 和 希望 页 面 载 人 时 就 执行 一 个 任务 ,通常 把 这 个 任务 写 在 一 
个 函数 中 ,如 function test(){…} ,然后 在 < body > 标记 中 使 用 < body onload= "test()"> 加 
载 该 函数 ,或 者 在 JavaScript 脚本 中 使 用 window. onload 二 test; 加 载 该 函数 。 这 都 是 使 用 
事件 处 理 函 数 onload 来 绑 定 事件 。 但 使 用 这 种 方法 只 能 绑 定 一 个 事件 处 理 程序 。 
为 了 解决 上 述 事件 绑 定 方式 存在 的 问题 ,jQuery 提供 一 个 叫做 ready 的 事件 处 理 方法 ， 
它 可 以 用 来 响应 window 对 象 的 onload 事件 并 执行 各 种 任务 。ready 方法 不 仅 具 有 浏览 器 
兼容 性 ,而 且 允 许 注册 多 个 事件 处 理 程序 ,并 在 加 载 页面 后 立即 执行 任务 。 

例如 , 若 要 在 页 面 载 人 就 绪 时 调用 一 个 函数 ,代码 如 下 : 


$ (document). ready(function(){ 


alert("Hello"); // 这 里 是 代码 
| 于 放 


它 的 功能 基本 上 等 价 于 如 下 JavaScript 代码 : 
function test(){ 
alert("Hello");} 
window. onload = test; // 或 者 使 用 < body onload = "test()"> 


也 可 以 将 方法 名 称 (document). ready 省 略 掉 , 而 直接 将 一 个 函数 作为 $() 的 参数 ,在 
这 种 情况 下 jQuery 会 在 内 部 隐 式 调用 一 次 ready 方法 。 例 如 : 
$ (function(){ //$ (document). ready(function(){ 的 简写 形式 


alert("Hello"); // 这 里 是 代码 
是 


在 使 用 ready 方法 时 ,应 注意 以 下 几 点 。 

(1) 如 果 对 < body > 标记 的 onload 属性 设置 了 事件 处 理 程序 ,或 者 使 用 了 window. onload 
设置 了 事件 处 理 程序 , 则 用 $ (document). ready() 方 法 设置 的 事件 处 理 程序 将 优先 运行 (因为 
它 在 加 载 了 DOM 文档 后 就 运行 ) ,然后 才 会 运行 通过 onload 属性 指定 的 事件 处 理 程序 。 

(2) 如 果 在 页 面 中 同时 设置 了 body 元 素 的 onload 属性 和 window 对 象 的 onload 属 
性 , 则 后 者 中 指定 的 事件 处 理 程序 将 不 会 运行 。 

(3) 应 当 将 CSS 代码 写 在 ready 函数 的 脚本 之 前 ,以 保证 在 执行 jQuery 代码 前 所 有 元 
素 的 CSS 属性 都 能 被 正确 地 定义 ,否则 会 导致 一 些 问题 ,特别 是 在 Safari 浏览 器 中 。 


8.6.2 jQuery 中 的 常见 事件 


除了 页 面 载 和 时 执行 任务 之 外 ,有 很 多 任务 是 在 鼠标 单 击 、 表 单 提交 、 按 下 按键 等 事件 
发 生 时 触发 的 。jQuery 提供 了 各 种 事件 ,包括 鼠标 事件 ( 见 表 8-8) ,浏览 器 事件 ( 见 表 8-9)、 
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表单 事件 ( 见 表 8-10) 和 键盘 事件 等 ,可 看 出 这 些 事件 名 与 标准 DOM 中 的 事件 名 很 相似 ,而 
与 事件 名 的 区 别 是 前 面 没有 “on” 开 头 。 
表 8-8 jQuery 中 的 鼠标 事件 


事 件 名 说 明 
填 旺 当 鼠 标 指针 位 于 一 个 元 素 上 时 ,如 果 按 下 并 释放 鼠标 按钮 , 则 会 向 该 元 素 发 送 click 事件 
dbclick 当 双 击 一 个 元 素 时 ,就 会 向 该 元 素 发 送 dbclick 事件 


mousedown | 按 下 鼠标 按键 时 触发 

mouseup 释放 鼠标 按键 时 触发 

mousemove | 当 鼠 标 在 某 个 元 素 内 移动 时 触发 

mouseenter 当 鼠 标 进 入 某 个 元 素 时 

mouseleave 当 鼠 标 离开 某 个 元 素 时 

mouseover 当 鼠 标 指针 进入 某 个 元 素 时 

mouseout 当 鼠 标 指针 离开 某 个 元 素 时 

hover 当 鼠 标 移 人 到 一 个 元 素 上 面 及 移出 这 个 元 素 时 


表 8-9 jQuery 中 的 浏览 器 事件 


事件 名 说 明 
load 当 某 个 元 素 及 其 所 有 子 元 素 完全 加 载 时 触发 
unload 当 用 户 离开 当前 页 面 时 (关闭 或 转 到 了 其 他 页 面 ) 触 发 
error 未 正确 加 载 文档 中 某 个 元 素 时 触发 
resize 当 对 象 的 大 小 将 要 发 生变 化 时 触发 
scroll 当 滚 动 元 素 的 滚动 条 时 触发 
表 8-10 jQuery 中 的 表单 事件 
事 件 名 说 明 
blur 当 一 个 元 素 失去 焦点 时 触发 
change 当 一 个 元 素 的 值 发 生变 化 时 触发 ( 仅 适 用 于 文本 框 , 文 本 区 域 和 选择 框 7 
focus 当 一 个 元 素 获 得 焦点 时 触发 
select 当 用 户 在 一 个 元 素 内 选 定 文本 内 容 时 触发 ( 仅 适 用 于 文本 框 和 文本 区 域 ) 
submit 当 用 户 提交 表单 时 触发 


1. JavaScript 事件 处 理 代 码 与 jQuery 事件 处 理 代 码 的 转换 
JavaScript 中 的 事件 处 理 程 序 可 以 很 容易 地 转换 成 jQuery 的 事件 处 理 程序 ,例如 : 


function test(){alert("Hello");} 
<p id= "jp" onclick = "test()"> 单 击 我 </p> 


用 jQuery 语句 改写 后 就 是 : 


$ (function(){ // 页 面 载 人 时 执行 
$ ("# jp").click(function(){ // 任 何事 件 都 必须 写 在 页 面 载 入 的 函数 内 
alert("Hello"); // 这 里 是 代码 
}); 
}); 


第 8 章 ”jQuery 框架 (257) 


jQuery 额外 提供 了 mouseenter 与 mouseleave 事件 。 其 中 ,mouseenter 与 mouseover 
事件 比较 相似 ,mouseleave 与 mouseout 事件 也 比较 相似 。 它 们 的 区 别 在 于 mouseenter 事 
件 仅 在 鼠标 进入 某 个 元 素 边 界 之 内 时 会 被 触发 ,而 鼠标 在 该 元 素 内 移动 时 绝对 不 会 再 触发 。 
而 mouseover 事件 在 两 种 情况 下 会 被 触发 : 一 是 鼠标 进入 某 个 元 素 边界 之 内 时 ,二 是 如 果 
该 元 素 内 还 含有 子 元 素 , 则 鼠标 进入 该 元 素 的 子 元 素 边 界 之 内 时 又 会 被 触发 ,这 是 因为 触发 
了 子 元 素 的 mouseover 事件 之 后 ,由 于 事件 冒 泡 , 子 元 素 会 将 mouseover 事件 传递 给 外 层 元 
素 。 而 mouseenter 与 mouseleave 事件 则 不 存在 冒 泡 现象 。 

下 面 是 一 个 用 来 测试 mouseenter 与 mouseover 事件 区 别 的 例子 当 使 用 mouseenter 
时 ,只 会 在 鼠标 进入 元 素 div 边界 之 内 时 触发 ,而 换 成 mouseover 事件 后 , 则 鼠标 在 进入 元 
素 div 和 其 子 元 素 span 时 都 会 被 触发 。 


2. jQuery 中 的 mouseenter 与 mouseleave 事件 


.demo{ 
color: red;background - color: yellow;} 
$ ("div").mouseenter(function (e) { // 将 此 事件 改 为 mouseover 事件 再 试 试 
$ (this). toggleClass( "demo"); 
}) 
<div> jQuery < span> 这 是 内 层 元 素 </span ></div> 


因此 ,相对 于 mouseover 和 mouseout, mouseenter 和 mouseleave 具有 性 能 上 的 优势 
(不 会 反复 触发 ) ,在 一 般 情 况 下 应 尽量 使 用 mouseenter 和 mouseleave 事件 。 


3,. hover 事件 

hover(Cfnl ,fn2) 是 一 个 模仿 悬 停 事 件 ( 鼠 标 移动 到 一 个 对 象 上 面 及 移出 这 个 对 象 ) 的 方 
法 。 它 带 有 两 个 参数 , 当 鼠 标 移 动 到 一 个 匹配 的 元 素 上 面 时 ,会 触发 指定 的 第 一 个 函数 
fn1; 当 鼠 标 移 出 这 个 元 素 时 ,会 触发 指定 的 第 二 个 函数 fn2。 下 面 的 代码 利用 hover 方法 
实现 当 鼠 标 滑动 到 某 个 单元 格 ,单元 格 变色 的 效果 : 


.hover{background - color: #99CCFF;} 
$ (function(){ 
$ ("td"). hover( // 使 用 hover 方法 ,接受 两 个 参数 
function () { $ (this).addClass("hover"); 
}, 
function () { $ (this).removeClass("hover"); 
DD); }); 


提示 : hover 方法 实际 等 价 于 mouseenter 与 mouseleave 事件 的 组 合 。 
8.6.3 附加 事件 处 理 程 序 


jQuery 提供 了 多 个 方法 ,可 以 用 来 向 DOM 元 素 的 事件 附加 事件 处 理 程序 。 通 过 附加 
有 件 ,可 以 在 一 个 元 素 上 绑 定 多 个 事件 ,也 可 以 对 绑 定 的 事件 取消 绑 定 , 还 可 以 附加 一 次 性 
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的 事件 处 理 程 序 , 即 在 执行 一 次 事件 处 理 程序 后 就 取消 绑 定 。 而 简单 的 事件 处 理 函 数 一 旦 
绑 定 了 事件 ,就 不 可 以 再 取消 绑 定 了 。 绑 定 事件 通常 使 用 bind() 方 法 、 取 消 对 事件 的 绑 定 
通常 使 用 unbind() 方 法 , 绑 定 一 次 性 事件 使 用 one() 方 法 ,下 面 分 别 来 介绍 。 


1. bind() 方 法 


bind() 方 法 用 于 将 一 个 事件 处 理 程 序 附加 到 每 个 匹配 元 素 的 事件 上 并 返回 jQuery 对 
象 。 它 最 多 可 以 带 有 三 个 参数 ,语法 如 下 : 


.bind (事件 类 型 [， 事 件数 据 ]， 处 理 函 数 (事件 对 象 ) ) 


其 中 ,事件 类 型 是 一 个 字符 串 , 可 以 是 一 个 或 多 个 jQuery 的 事件 类 型 ,例如 click、blur 
等 事件 名 称 。 如 果 有 多 个 事件 名 称 时 用 空格 分 隔 各 个 名 称 ; 事件 数据 给 出 要 传递 给 事件 处 
理 程序 的 数据 ; 处 理 函 数 指定 触发 该 事件 时 要 执行 的 函数 , 它 可 以 带 一 个 参数 ,该 参数 表示 
事件 对 象 。 

下 面 是 一 个 例子 ,用 来 演示 bind() 方 法 的 基本 用 法 。 


$ (function(){ 
$ ("#test").bind("click", function(){alert( $ (this). text());}); 
}) 


其 中 ,function(){…)} 称 为 bind0) 方 法 的 回调 函数 ,该 函数 中 的 代码 会 在 事件 触发 后 执 
行 。 上 述 bind() 方 法 的 语句 作用 等 价 于 : 


$ (function(){ 
$ ("#test").click( function() { alert( $ (this). text()); } ) 7 
3 


那 为 什么 还 需要 bind() 方 法 呢 , 因 为 有 时 可 能 需要 同时 绑 定 多 个 事件 ,使 用 bind() 方 
法 就 可 以 将 绑 定 多 个 事件 的 代码 写 在 一 行 里 ,而 且 用 bind() 方 法 绑 定 的 事件 还 可 以 用 
unbind() 方 法 取消 绑 定 , 例 如 : 


.entered{ font - size:36px;} 
$ (function(){ // 绑 定 多 个 事件 
$ ("#test"). bind("mouseenter mouseleave", function(){$ (this).toggleClass("entered");}); 
$ (document). click(function( ){ 
$ ("#test").unbind( ‘mouseenter mouseleave'); // 在 页 面 上 单 击 时 就 取消 绑 定 
]) 
})< div id = "test"> 移 进来 ! </div> 


上 述 代码 让 一 个 #test 元 素 在 鼠标 滑 过 的 时 候 , 在 class 中 加 上 entered ,而 当 鼠 标 移 出 
这 个 元 素 时 , 则 去 除 entered 这 个 class 值 。 在 页 面 上 单 击 之 后 ,这 些 绑 定 的 事件 就 被 移 
除了 = 

由 于 bind() 方 法 返回 的 是 一 个 jQuery 对 象 , 所 以 还 可 以 在 bind() 方 法 后 再 添加 多 个 
bind() 方 法 ,例如 : 
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$("# test"). bind ("mouseenter", function( ) { $ (this). toggleClass ( " entered");}). 
bind("mouseleave", function(){$ (this).toggleClass("entered");}); 
2. on() 方 法 


从 jQuery 1. 8 开始 ,官方 推荐 的 事件 绑 定 方法 是 on() 方 法 ,on() 与 bind() 类 似 , 例 如 上 
述 程序 中 的 bind()? 可 直接 替换 为 on()。 但 on() 比 bind() 多 一 个 可 选 参数 ,语法 如 下 : 


.on( 事 件 类 型 [， 选 择 器 ]，[， 事 件数 据 ]， 处 理 函 数 (事件 对 象 ) ) 
例如 要 筛选 出 ul 下 的 i 元素 并 给 其 绑 定 click 事件 , 则 代码 如 下 : 


$ ('ul').on('click', 'li', function(){console. log( 'click');}) 


3. one() 方 法 
one() 方 法 为 每 一 个 匹配 元 素 的 特定 事件 ( 像 click) 绑 定 一 个 一 次 性 的 事件 处 理 函 数 。 
这 个 方法 绑 定 的 事件 处 理 函 数 只 会 被 执行 一 次 ,其 他 规则 与 bindO 〇 方法 相同 ,例如 : 


$ ("p").one("click", function(){ 
alert( $ (this). text() ); // 只 在 第 一 次 单 击 时 才 会 显示 元 素 中 的 文本 
Hs 


4. 使 用 事件 对 象 的 属性 


对 于 事件 处 理 方法 来 说 , 当 触 发 事件 时 ,这 些 方法 (如 bind() ) 会 执行 回调 函数 ,并 可 以 
向 回调 函数 传递 事件 对 象 作为 它 的 第 一 个 参数 ,例如 : function(event){}。 其 中 回调 函数 
的 参数 event 就 是 事件 对 象 。 事 件 对 象 event 具有 一 些 常 用 属性 ,如 表 8-11 所 示 。 


表 8-11 事件 对 象 的 常用 属性 


属 性 含 义 
event. pageX 鼠标 指针 相对 于 文档 左边 缘 的 位 置 
event. pageY 鼠标 指针 相对 于 文档 上 边缘 的 位 置 
event. target 引发 该 事件 的 DOM 元 素 
event. data 包含 bindO 〇 方法 传递 给 事件 处 理 函数 的 数据 


下 面 的 示例 向 回调 函数 传递 事件 对 象 event 作为 参数 ,并 返回 event 的 pageX 和 pageY 
属性 。 这 样 当 用 户 进 入 或 离开 ID 为 test 的 元 素 时 ,将 会 报告 鼠标 指针 进入 或 离开 时 的 页 
面 坐 标 。 程 序 运行 效果 如 图 8-9 所 示 。 


.entered{font - size:36px;} 

# test{border:2px solid red;background: # fdd;width:60px; height :60px;} 

$ ("#test").bind("mouseenter mouseout", function(event){ // event 为 事件 对 象 
$ (this). toggleClass("entered"); 
alert(" 鼠 标 指针 位 于 (" + event.pageX+" ， "+event.pageY+")"); 

]) 
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要 事件 对 象 的 屋 性 ~ ma 天 [有 | 本 忆 =I9| x 


EE CE 
儿 http: //1ocalhostfeven) 久 http: //localhostfeventhandle. htnl | 


图 8-9 使 用 事件 对 象 属性 的 示例 程序 


5. 发 送 数据 给 事件 处 理 函 数 


如 果 要 在 事件 处 理 函 数 中 获取 数据 , 则 可 以 调用 bind() 方 法 的 可 选 参数 eventData。 该 
参数 可 以 向 事件 处 理 程序 传递 一 些 附 加 信息 ,例如 : 


$ ("#test"). bind("mouseenter mouseout", {msg:"Hello!"},function(event){ 
alert(event. data. msg); }); // 弹 出 框 显示 Hello! 


提示 : 如 果 提 供 eventData 参数 , 则 该 参数 只 可 以 是 bind() 方 法 的 第 二 个 参数 。 
6. 事件 对 象 的 应 用 举例 一 一 制作 可 拖 动 的 div 


在 有 些 网 站 中 , 带 有 可 以 用 鼠标 自由 拖 动 的 div 层 , 通 常 在 其 中 可 以 放 管 登录 窗口 、 弹 
出 公告 等 内 容 。 鼠 标 拖 动 的 过 程 是 : 首先 按 下 鼠标 (对 应 mousedown 事件 ) ,然后 移动 鼠标 
(对 应 mousemove 事件 ) ,最 后 松 开 鼠标 (对 应 mouseup 事件 ) ,如 图 8-10 所 示 。 实 现 div 可 
随 鼠 标 拖 动 的 思路 是 : 在 按 下 鼠标 时 获取 div 层 在 网 页 中 的 原始 坐标 ,移动 鼠标 时 就 给 元 
素 的 left 和 top 属性 重新 赋值 ,让 其 等 于 鼠标 指针 在 文档 中 的 当前 位 置 减 去 鼠标 在 元 素 中 
的 位 置 , 这 样 就 得 到 了 元 素 相 对 于 文档 的 位 置 , 元 素 就 会 移动 到 这 个 位 置 上 。 当 鼠标 松 开 
时 ,取消 对 元 素 绑 定 mousemove 和 mouseup 事件 ,这 样 鼠 标 再 在 div 层 中 移动 ,div 层 也 不 
会 跟着 移动 了 。 


沁 jQuery 版 元 素 扼 搜 原型 ~ WE 阿 品 后 | 


四川 较 http://1ocalhost/jQuery. Drag htn 国 


司 jQuery 版 元 素 抑 搜 原型 Wi 


| http: //1ocalhost/ jQuery Drag ht 


el.offsetLeft 


图 8-10 可 拖 动 的 div 效果 


由 此 可 见 , 在 这 里 mousemove 和 mouseup 事件 一 定 要 使 用 bind() 方 法 来 进行 事件 绑 
定 ,这 样 就 可 以 通过 unbind() 方 法 在 某 种 事件 中 取消 对 这 些 事件 的 绑 定 , 和 否则 mousemove 
和 mouseup 事件 中 的 代码 会 一 直 对 该 事件 进行 处 理 。 代 码 如 下 : 
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< script src = " jquery.min. js"></script> 


< Script> 
$ (function(){ 
bindDrag( $ ("#test")[0]); // 绑 定 拖 动 元 素 对 象 , 并 转换 为 DOM 元 素 
DD); 
function bindDrag(el){ // 初 始 化 参数 ,el 对 应 $ ("#test")[0], 是 DOM 
// 元 素 
var els = el.style, // 鼠 标的 X 和 了 轴 坐 标 
= 了 = 0 
$ (el) .mousedown(function(e){ // 按 下 元 素 后 ,计算 当前 鼠标 位 置 


X = e.pageX — el.offsetLeft; // 鼠 标 相 对 于 当前 元 素 左边 缘 的 位 置 

Y = e.pageY — el.offsetTop; 

el. setCapture && el. setCapture(); //IE 下 捕捉 焦点 
$ (document). bind( 'mousemove', mouseMove) .bind( 'mouseup', mouseUp); “// 绑 定 事 件 
}); 


function mouseMove(e){ // 移 动 事件 
els.left = e.pageX - x + 'px'; // 鼠 标 相对 于 文档 左边 缘 的 位 置 减 去 相对 于 元 素 
// 左 边 


// 缘 的 位 置 ,得 到 元 素 相对 于 文档 左边 缘 的 位 置 
els.top = e.pageY ~- 了 + 'px'; 
} 
function mouseUp(){ // 停 止 事件 
el. releaseCapture && el. releaseCapture(); //IE 下 释放 焦点 
$ (document). unbind( 'mousemove', mouseMove). unbind( 'mouseup', mouseUp); 


} : 

</script > 

#test{ 
position:absolute; top:0;left:0; 
width:200px; height :100px; background: # ccc; 
text ~ align:center; line ~ height:100px; 

} 

<div id= "test"> 可 以 拖 动 的 div </div> 


说 明 : 

(1) offsetLeft 和 offsetTop 都 是 DOM 元 素 的 属性 ,因此 为 了 使 用 这 两 个 属性 ,必须 把 
jQuery 对 象 $("#test") 先 转换 成 DOM 对 象 $("#test")[0]。 

(2) offsetLeft 是 指 当前 元 素 相 对 于 其 设置 了 定位 属性 的 父 元 素 的 左边 缘 的 位 置 。 如 
果 其 父 元 素 未 设置 定位 属性 (本 例 中 就 是 这 种 情况 ), 则 是 元 素 相 对 于 body 元 素 左 边缘 的 
相对 位 置 (但 是 在 IE 6 和 IE7 中 存在 Bug,offsetLeft 总 是 指 元 素 相对 于 body 元 素 左 边缘 
的 位 置 ) ,也 就 是 当前 元 素 的 左边 缘 到 文档 左边 缘 之 间 的 距离 。 

(3) e. pageX 是 鼠标 指针 相对 于 文档 左边 缘 的 位 置 ,因此 e. pageX-el. offsetLeft 就 是 鼠 
标 指针 相对 于 当前 元 素 $ ("#test")[0] 左 边缘 的 距离 。 

(4) setCapture() 方 法 的 作用 是 将 鼠标 事件 捕获 到 当前 文档 的 指定 DOM 对 象 上 。 这 
个 对 象 会 为 当前 应 用 程序 或 整个 系统 接收 所 有 鼠标 事件 。 如 果 不 设置 的 话 , 则 鼠标 只 有 在 
当前 浏览 器 窗口 内 拖 动 div 层 才 会 触发 事件 ,如 果 设置 , 则 在 整个 浏览 器 范围 内 有 效 , 即 使 
鼠标 已 经 拖 动 到 浏览 器 窗口 的 外 面 ,div 层 也 会 跟着 移动 。 
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习 题 


一 、 问 答题 

1. $ (function(){}) 是 什么 的 简写 ?其 功能 是 什么 ? 

2. 在 元 素 内 部 插入 内 容 有 哪些 方法 ? 

3. 在 元 素 的 相 邻 位 置 上 插入 内 容 有 哪些 方法 ? 

4. 如 何 对 所 有 匹配 元 素 批量 设置 一 组 属性 ? 

5. html() 和 text() 方 法 有 何 区 别 ? html(val) 和 text(val) 方 法 有 何 区 别 ? 

6. 使 用 ready 方法 需要 注意 哪些 问题 ? 

7. 在 调用 bind 方法 时 ,如 何 对 多 个 事件 绑 定 相同 的 处 理 程 序 ? 如 何 对 多 个 事件 绑 定 
不 同 的 事件 处 理 程序 ? 

8. jQuery 中 的 each() 方 法 与 $.each() 方 法 有 什么 区 别 ? 

9. 搜索 同辈 元 素 有 哪些 方法 ,搜索 父 元 素 和 子 元 素 有 哪些 方法 ? 

二 、 编 程 题 

1. 编写 jQuery 代码 ,给 网 页 中 所 有 的 p 元 素 添加 onclick 事件 。 当 单 击 时 弹出 该 p 元 
素 中 的 内 容 。 

2. 用 jQuery 对 一 组 多 选 框 进行 操作 ,输出 选中 的 多 选 框 的 个 数 。 

3. 对 于 网 页 中 的 所 有 p 元 素 , 第 一 次 单 击 时 弹出 “您 是 第 一 次 访问 ”, 以 后 每 次 单 击 时 
则 弹出 “欢迎 您 再 次 访问 ”, 请 用 jQuery 代码 实现 。 


基于 jQuery 的 Ajax 技术 | 


Ajax 是 异步 JavaScript 与 XML(Asynchronous JavaScript and XML) 的 缩写 。 它 是 
被 誉 为 Ajax 之 父 的 Jesse James Garrett 于 2005 年 提出 的 概念 。Ajax 是 一 种 创建 交互 式 
Web 应 用 程序 的 网 页 开发 技术 , 它 本 质 上 是 将 下 列 技术 组 合 应 用 的 技巧 。 

(1) 使 用 XHTML 和 CSS 处 理 网 页 的 内 容 和 表现 形式 。 

(2) 使 用 DOM(Document Object Model) 进 行动 态 显示 及 交互 。 

(3) 使 用 XML 和 XSLT 进行 数据 交互 和 操作 (可 选 , 也 可 以 使 用 其 他 格式 ) 。 

(4) 使 用 XMLHttpRequest 对 象 在 浏览 器 和 服务 器 之 间 异 步 交 换 数据 。 

(5) 使 用 JavaScript 将 上 述 几 项 绑 定 在 一 起 。 


@.1 Aijax 技术 的 基本 原理 


“ 老 技术 ,新 技巧 "是 对 Ajax 恰如其分 的 描述 。Ajax 本 质 就 是 使 用 XMLHttpRequest 
对 象 在 浏览 器 和 服务 器 间 交 换 数据 。 但 是 ,XMLHttpRequest 对 象 并 不 是 由 Garrett 设计 
出 来 的 ,而 是 微软 在 1999 年 就 已 提出 来 并 内 置 到 了 IE 浏览 器 中 ,但 微软 并 没有 意识 到 
XMLHttpRequest 对 象 有 如 此 大 的 用 途 , 直 到 Garrett 提出 Ajax 的 概念 后 ,这 个 对 象 才 随 
着 Ajax 技术 受到 开发 者 的 追捧 。 


9.1.1 浏览 器 发 送 HTTP 请 求 的 三 种 方式 


为 了 理解 Ajax 技术 的 基本 原理 ,必须 深入 了 解 浏览 器 发 送 HTTP 请 求 的 方式 ,在 传统 
的 Web 应 用 程序 中 ,浏览 器 向 服务 器 发 送 一 个 HTTP 请 求 ,一 般 有 两 种 方式 : 

(1) 在 浏览 器 地 址 栏 中 输入 网 址 并 回 车 。 这 将 向 服务 器 发 送 载 人 一 个 页 面 的 请 求 。 如 
果 URL 中 带 有 查询 字符 串 , 则 还 会 将 查询 字符 串 中 的 数据 发 送 给 服务 器 。 

(2) 提交 表单 。 这 将 把 表单 中 的 数据 发 送 给 服务 器 并 且 载 入 action 属性 中 指定 的 


页 面 。 
这 两 种 方式 发 送 HTTP 请 求 有 一 个 共同 点 , 即 无 论 是 输入 网 址 还 是 提交 表单 ,都 会 使 
页 面 刷新 。 服 务 器 会 返回 给 浏览 器 一 个 完整 的 页 面 ,如 图 9-1 所 示 。 

实际 上 ,浏览 器 向 服务 器 发 送 HTTP 请 求 ,还 有 第 三 种 方式 ,即使 用 XMLHttpRequest 
对 象 发 送 异步 HTTP 请 求 。 所 谓 “ 异 步 ”, 是 指 浏览 器 与 服务 器 交互 过 程 中 ( 即 浏览 器 发 送 
请 求 和 服务 器 返回 响应 的 过 程 ) ,用 户 仍然 可 以 在 浏览 器 上 进行 其 他 一 些 操作 ,而 不 必 等 待 
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/2 HTTP 请 求 (输入 网 址 或 提交 表单 ) 
© 和 HTTP 响 应 (完整 的 页 面 ) [yy 
vy( 元 el 


浏览 器 Web 服 务 器 
9-1 传统 方式 发 送 HTTP 请 求 


服务 器 响应 完成 后 才能 操作 ,这 就 好 比 人 们 在 者 饭 的 同时 仍然 可 以 炒菜 一 样 。 

异步 方式 发 送 HTTP 请 求 与 前 两 种 方式 发 送 HTTP 请 求 有 明显 的 不 同 。 因 为 服务 器 
返回 给 浏览 器 的 不 再 是 一 个 完整 的 页 面 ,而 是 一 些 字符 串 (图 9-2) ,因此 浏览 器 不 会 刷新 页 
面 (但 为 了 更 新 页 面 上 的 局 部 区 域 ,通常 把 服务 器 返回 的 数据 载 入 到 页 面 的 某 些 元 素 中 )。 


fz Ee HTTP 请 求 (异步 方式 ) 
多 
念 : 

HTTP 响 应 (字符 串 等 数据 ) 


浏览 器 Web 服 务 器 
9-2 异步 方式 发 送 HTTP 请 求 的 过 程 


具体 来 说 ,异步 方式 与 传统 方式 发 送 HTTP 请 求 的 区 别 可 总 结 如 下 : 

(1) 传统 方式 发 送 HTTP 请 求 时 一 个 HTTP 请 求 对 应 一 个 页 面 ,因此 每 次 发 送 请 求 后 
页 面 会 刷新 ,而 异步 方式 发 送 HTTP 请 求 不 再 对 应 一 个 页 面 ,发 送 HTTP 请 求 后 页 面 不 会 
刷新 。 

(2) 传统 方式 发 送 HTTP 请 求 后 ,由 于 页 面 会 刷新 ,因此 在 刷新 的 过 程 ( 载 人 服务 器 返 
回 的 页 面 ) 中 ,浏览 器 处 于 白 屏 状 态 ,用 户 无 法 在 浏览 器 上 进行 任何 操作 。 而 异步 方式 发 送 
HTTP 请 求 后 ,页面 不 会 刷新 ,因此 用 户 仍然 可 以 继续 在 浏览 器 上 进行 其 他 一 些 操作 。 

在 很 多 时 候 , 使 用 异步 方式 发 送 HTTP 请 求 可 以 给 用 户 带 来 很 大 便利 。 例 如 一 个 用 户 
注册 的 网 页 ,服务 器 需要 检查 用 户 输入 的 用 户 名 是 否 已 经 被 注册 过 ,这 需要 查询 数据 库 , 如 
果 使 用 传统 方式 发 送 HTTP 请 求 的 话 , 则 在 “发 送 HTTP 请 求 一 服务 器 查询 数据 库 一 服务 
器 返回 查询 结果 的 网 页 ?这 个 过 程 中 ,用 户 都 无 法 在 浏览 器 上 进行 任何 其 他 操作 。 而 改 用 蜡 
步 方式 发 送 的 话 , 则 在 “发 送 HTTP 请 求 一 服务 器 查询 数据 库 一 服务 器 返回 查询 结果 的 字 
符 串 一 载 入 字符 串 到 某 个 页 面 元 素 中 ”这 个 过 程 中 ,用 户 仍然 能 在 浏览 器 中 进行 其 他 一 些 操 
作 , 例 如 继续 输入 后 面 的 注册 项 等 。 


9.1.2 基于 Ajax 技术 的 Web 应 用 程序 模型 


Ajax 技术 是 对 传统 Web 应 用 程序 的 一 次 革命 ,因为 传统 的 Web 应 用 程序 (如 普通 的 
ASP 程序 ) 的 运行 过 程 是 : 发 送 请 求 给 服务 器 一 服务 器 对 请 求 进行 处 理 ( 此 时 客户 端 需 等 
待 ) 一 处 理 完成 后 服务 器 发 送 回 全 新 的 页 面 。 

人 们 发 现 , Web 应 用 程序 的 这 种 处 理 方式 较 桌 面 应 用 程序 的 响应 速度 要 慢 ( 因 为 数据 
要 在 Web 服务 器 和 客户 端 之 间 来 回 传输 )。 为 此 ,人 们 想 出 了 一 种 方案 ,就 是 在 与 Web 服 
务 器 交互 的 过 程 中 只 传输 页 面 上 需要 做 更 改 的 区 域 , 而 不 传输 整个 页 面 ,这 样 可 使 传输 的 数 
据 量 减 少 ,缩短 传输 时 间 ; 并 且 , 在 与 服务 器 交互 的 过 程 中 ,客户 端 仍然 可 以 在 当前 页 面 继 
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续 操 作 , 正 常 使 用 应 用 程序 ,而 不 必 等 待 服务 器 的 响应 。 这 就 是 Ajax 技术 的 原理 , 它 使 用 户 
对 Web 应 用 程序 的 操作 看 上 去 就 像 桌面 应 用 程序 ,大 大 改善 了 用 户 体验 。 

也 就 是 说 ,传统 的 Web 应 用 程序 每 次 都 要 刷新 整个 页 面 ,而 Ajax 程序 只 需 刷 新 页 面 的 
局 部 区 域 。 实 现 了 真正 意义 上 的 "* 按 需 取 数据 ,从 而 提高 了 应 用 程序 效率 ,节约 了 网 络 
带宽 。 

传统 的 Web 应 用 程序 在 提交 请 求 后 必须 等 待 服务 器 处 理 完毕 (页 面 刷新 完毕 ) 才 能 继 
续 操 作 ( 图 9-3)。 而 Ajax 程序 不 需要 等 待 服务 器 的 响应 就 能 继续 操作 ,因为 它 具 有 Ajax 引 
擎 能 在 客户 端 对 用 户 的 操作 进行 处 理 ( 图 9-4)。 这 样 客户 端 不 需要 等 待 , 不 会 出 现 浏 览 器 
“ 白 屏 ” 现 象 。 


广 


[加 | 用 户 操作 等 待 用 户 操作 等 待 。 ”用 户 操作 


CE 
客户 并 
国 加 
所 所 
人 伟 
时 间 给 输 本 
二 服务 器 处 理 服务 器 处 理 


图 9-3 传统 的 Web 应 用 程序 模型 


服务 器 服务 器 处 理 服务 器 处 理 


图 9-4 基于 Ajax 的 Web 应 用 程序 模型 


总 的 来 说 ,Ajax 技术 具有 如 下 一 些 优点 : 

(1) 更 好 的 用 户 体验 ,用 户 感觉 响应 速度 更 快 。 

(2) 可 以 把 一 些 由 服务 器 负担 的 工作 转嫁 到 客户 端 ,利用 客户 端 闲置 的 处 理 能 力 来 处 
理 , 减 轻 服 务 器 和 带宽 的 负担 ,节约 空间 和 带宽 租用 成 本 。 

(3) Ajax 由 于 可 以 调用 外 部 数据 ,能 方便 地 实现 网 站 间 数 据 的 共享 

(4) 基于 标准 化 的 并 被 广泛 支持 和 技术 ,并 且 不 需要 插件 或 下 载 小 程序 。 
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(5) Ajax 使 Web 中 的 界面 与 应 用 分 离 (也 可 以 说 是 数据 与 呈现 分 离 ) 。 

当然 ,Ajax 技术 也 是 有 缺点 的 ,虽然 使 用 Ajax 技术 后 客户 端 与 服务 器 之 间 每 次 传输 的 
数据 量 减 少 了 (只 需 传输 页 面 上 需要 更 改 的 区 域 代码 ) ,但 一 旦 使 用 Ajax 技术 ,客户 端 通常 
会 频繁 地 请 求 服务 器 ,服务 器 要 处 理 的 请 求 数量 将 大 大 增加 ,所 以 有 时 很 难 简单 地 说 Ajax 
技术 到 底 是 降低 了 服务 器 负荷 ,还 是 增加 了 服务 器 负荷 。 

一 般 来 看 ,Ajax 适用 于 交互 较 多 .频繁 读数 据 , 数 据 分 类 良好 的 Web 应 用 。 


9.1.3 载 入 页 面 的 传统 方法 


为 了 使 读者 能 逐步 了 解 Ajax 技术 ,下 面 从 如 何在 一 个 页 面 中 载 和 人 另 一 个 页 面 中 的 内 容 
说 起 ,传统 的 方法 通常 是 使 用 < iframe > 标记 ,例如 : 
<div id= "target"> 
< iframe src= "test. php” width = "250" height = "200" scrolling = "no" frameborder = "0" 


name = "main"></iframe> 
</div> 


这 样 就 将 test. php 这 个 页 面 载 和 到 了 # target 元 素 中 了 。 但 这 种 方法 有 些 过 时 了 ,其 
缺点 是 载 和 的 页 面 内 容 和 表现 无 法 分 离 ,例如 只 想 载 人 页 面 中 的 数据 而 不 想 载 和 人 页面 的 外 

使 用 Ajax 技术 也 能 在 一 个 页 面 中 载 人 另 一 个 页 面 (或 另 一 个 页 面 中 的 局 部 代码 )。 这 
是 通过 XMLHttpRequest 对 象 实现 。 


9.1.4 用 原始 的 Ajax 技术 载 入 文档 


Ajax 技术 的 核心 是 XMLHttpRequest 对 象 ,任何 Ajax 技术 的 实现 都 离 不 开 它 。 
XMLHttpRequest 对 象 是 浏览 器 对 象 模型 BOM (图 7-6) 中 Window 对 象 的 一 个 子 对 象 
( 注 : IE 6 不 支持 ,但 它 可 以 用 其 他 方式 实现 ) 。 

该 对 象 主要 功能 是 向 服务 器 异步 发 送 HTTP 请 求 ,并 能 接收 HTTP 响应 的 数据 ( 即 载 
入 文档 ) 。 本 节 只 学 习 如 何 使 用 该 对 象 载 和 文档 到 页 面 中 。 

XMLHttpRequest 对 象 可 以 在 不 重新 加 载 页 面 的 情况 下 更 新 页 面 的 局 部 ,也 就 是 在 页 
面 加 载 后 仍然 能 向 服务 器 请 求 数据 ,并 接收 服务 器 端 返回 的 数据 ,XMLHttpRequest 对 象 
本 质 上 是 具备 XML 发 送 /接收 能 力 的 HttpRequest 对 象 。 

XMLHttpRequest 对 象 载 和 文档 的 过 程 和 用 户 使 用 自动 售 水 机 的 过 程 非常 相似 (如 果 
把 用 户 想 象 成 浏览 器 ,自动 售 水 机 想象 成 服务 器 的 话 )。@ 用 户 首 先 需要 投 币 给 自动 售 水 
机 ,这 就 相当 于 用 该 对 象 的 send() 方 法 发 送 异 步 请 求 给 服务 器 ; 四 然后 用 户 需 要 监视 售 水 
机 是 否 出 水 ,这 就 相当 于 用 该 对 象 的 onreadystatechange 事件 监听 服务 器 是 否 返 回 了 
HTTP 响应 ; 图 自动 售 水 机 出 水 了 ,相当 于 XMLHttpRequest 对 象 通过 responseText 属性 
将 数据 返回 给 浏览 器 ; 四 用 一 个 容器 去 接 售 水 机 出 来 的 水 。 相 当 于 把 responseText 的 属性 值 
赋 给 一 个 DOM 对 象 的 innerHTML 属性 ,这 样 这 个 DOM 对 象 就 接 住 了 XMLHttpRequest 对 
象 返回 的 内 容 。 图 9-5 是 这 两 个 过 程 的 对 比 。 

下 面具 体 来 看 XMLHttpRequest 对 象 异步 获取 服务 器 数据 的 全 过 程 。 包 括 以 下 几 个 
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O 〇 初始 化 XMLHttpRequest 对 象 


一 ”发送 异步 请 求 


念 回 监听 服务 器 响应 


加 用 容器 元 素 载 @@ 返回 响应 
浏览 器 。 入 响应 的 内 容 Web 服 务 器 


四 
2 
于 高 
= 二 
Xt 
法 
苦头 踊 起 器 


图 9-5 自动 售 水 机 与 XMLHttpRequest 对 象 工作 过 程 的 对 比 


步 又， 
(GD) 在 使 用 XMLHttpRequest 对 象 前 ,必须 先 创建 该 对 象 的 实例 。 代 码 如 下 : 
var xmlHttpReq; 
证 (window. ActivexObject){ // 针 对 IE6 
xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");} 
else if (window. XMLHttpRequest){ // 针 对 除开 6 以 外 的 浏览 器 
xmlHttpReq = new XMLHttpRequest(); // 实 例 化 一 个 XMLHttpRequest 


! 


这 样 就 创建 了 一 个 XMLHttpRequest 对 象 的 实例 xmlHttpReq。 由 于 IE 6 浏览 器 是 
以 ActiveXObject 的 方式 引入 XMLHttpRequest 对 象 的 ,而 在 其 他 现代 浏览 器 (如 IE 7、 
Chrome、Safari) 中 XMLHttpRequest 对 象 是 window 对 象 的 子 对 象 。 为 了 兼容 这 两 类 浏览 
器 ,必须 用 上 述 代码 中 的 两 种 方式 创建 该 对 象 的 实例 。 

(2) 然后 使 用 XMLHttpRequest 对 象 的 实例 的 open() 方 法 指定 载 人 文档 的 HTTP 请 
求 类 型 .文件 名 以 及 是 否 为 异步 方式 。 代 码 如 下 : 


xmlHttpReq. open("GET"，"9 一 2. html"，True) // 调 用 open( ) 方 法 并 采用 异步 方式 载 人 文档 


其 中 open 方法 可 以 有 三 个 参数 : 第 1 个 参数 表示 HTTP 请 求 的 类 型 (GET 或 POST)， 
第 2 个 参数 表示 请 求 文件 的 URL 地 址 ; 第 3 个 参数 表示 请 求 是 否 以 异步 方式 发 送 (默认 值 为 
True ,表示 是 异步 方式 ) 。 

提示 : XMLHttpRequest 对 象 出 于 安全 性 考虑 ,规定 open() 方 法 中 的 URL 地 址 必须 
是 相对 URL 地 址 ,而 不 能 是 绝对 URL, 这 使 得 Ajax 发 送 异 步 请 求 无 法 实现 跨 域 (Cross- 
Origin, 即 跨 网 站 的 意思 ) 请 求 。 要 实现 跨 域 请 求 ,必须 使 用 JSONP(JSON with Padding) 
技术 。 

(3) 使 用 send() 方 法 将 open() 方 法 指定 的 请 求 发 送出 去 ,该 方法 只 有 一 个 参数 ,该 参 
数 可 以 为 空 或 null, 建 议 null 一 定 要 写 ,否则 程序 只 能 在 IE 中 运行 ,在 Firefox 中 无 法 运行 。 
代码 如 下 : 


xmlHttpReq. send(nul1); 


日 


(4) 用 send() 方 法 发 送 了 一 个 载 人 文档 的 请 求 后 ,还 要 准备 接收 服务 器 端 返回 的 内 容 。 
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但 是 客户 端 无 法 确定 服务 器 端 什 么 时 候 会 完成 这 个 请 求 。 这 时 需要 使 用 事件 监听 机 制 来 捕 

获 请 求 的 状态 ,XMLHttpRequest 对 象 提 供 了 onreadystatechange 事件 实现 这 一 功能 。 
onreadystatechange 事件 可 指定 一 个 事件 处 理 函 数 来 处 理 XMLHttpRequest 对 象 的 执 


行 结果 ,例如 : 
xmlHttpReq. onreadystatechange = RequestCallBack; //onreadystatechange 一 定 要 全 部 小 写 
function RequestCallBack(){ // 一 旦 readyState 值 改变 ,将 会 调用 这 个 


// 函 数 
if(xmlHttpReq. readyState == 4 && xmlHttpReq. status == 200){ 
// 将 xmlHttpReq. responseText 的 值 赋 给 #target 元 素 
document. getElementById("target"). innerHTML = xmlHttpReq.responseText; 
3 


说 明 : 

(1) onreadystatechange 属性 中 的 事件 处 理 函 数 只 有 在 readyState 属性 发 生 改 变 时 才 
会 触发 ,readyState 的 值 表示 服务 器 对 当前 请 求 的 处 理 状态 ,在 事件 处 理 函 数 中 可 以 根据 这 
个 值 来 进行 不 同 的 处 理 。 

readyState 有 5 种 可 取 值 (0: 尚未 初始 化 ; 1: 正在 加 载 ; 2: 加 载 完 毕 ; 3: 正在 处 理 ; 
4: 处 理 完 毕 )。 一 旦 readyState 属性 的 值 变 成 了 4, 就 表明 服务 器 已 经 处 理 完毕 。 

status 属性 表明 请 求 是 否 已 经 成 功 ,如 果 status 属性 值 为 200 表明 一 切 正常 ,服务 器 已 
成 功 接收 了 客户 端的 请 求 ,如果 为 其 他 值 则 表明 有 错误 发 生 ( 如 404 表示 资源 未 找到 ) 。 

因此 readyState 属性 的 值 变 成 了 4 并 且 status 属性 的 值 为 200 就 表明 服务 器 已 经 处 理 
完毕 并 且 没 有 发 生 错 误 , 这 时 客户 端 就 可 以 访问 从 服务 器 返回 的 响应 数据 了 

(2) 服务 器 在 收 到 客户 端的 请 求 后 ,根据 请 求 返 回 相应 的 内 容 。 返 回 的 内 容 可 以 有 两 
种 形式 ,一 种 是 文本 形式 ,将 存储 在 responseText 中 , 另 一 种 是 XML 格式 ,存储 在 
responseXML 中 。responseText 和 responseXML 都 是 只 读 属 性 ,只 有 当 readyState 属性 
值 为 4 的 时 候 , 才 能 通过 responseText 获取 完整 的 响应 信息 。 如 果 设 置 服务 器 端 响应 内 容 
类 型 为 "text/xml" ,responseXML 才 会 有 值 并 被 解析 成 一 个 XML 文档 。 

(3) 由 于 上 述 程序 是 向 服务 器 请 求 载 和 文档 9-2. html, 因 此 服务 器 处 理 请 求 完毕 后 , 返 
回 的 就 是 9-2. html 的 全 部 内 容 , 它 以 字符 串 形 式 保存 在 responseText 属性 中 ,因此 可 设置 
#target 元 素 的 innerHTML 为 xmlHttpReq. responseText, 这 样 寺 target 元 素 中 就 载 和 人 了 
9-2. html 中 的 内 容 。 

将 上 述 几 步 代码 合 在 一 起 ,并 在 页 面 中 添加 一 个 按钮 和 一 个 # target 元 素 。 设 置 单 才 
该 按钮 就 执行 上 述 代 码 。 就 得 到 了 一 个 采用 Ajax 技术 载 和 文档 的 完整 程序 。 代 码 如 下 : 


Ht 


es 9 
<html ><body> 
<script> 
function Ajax(){ // 定 义 一 个 函数 来 异步 获取 信息 
Var xmlHttpReq; 
证 (window. ActiveXObject){ // 针 对 IE6 


xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP"); 
} 
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else if (window. XMLHttpRequest){ // 针 对 除 王 6 以 外 的 浏览 器 
xmlHttpReq = new XMLHttpRequest(); // 实 例 化 一 个 XMLHttpRequest 

} 

if(xmlHttpReq!= null){ // 如 果 对 象 实例 化 成 功 
xmlHttpReq. open( "get", "9 — 2. html"); // 设 置 异 步 请 求 的 方式 和 请 求 的 URL 
xmlHttpReq. send(nul1) 7 // 用 send( ) 方 法 发 送 请 求 
xmlHttpReq. onreadystatechange = RequestCallBack; // 设 置 回调 函数 

} 

function RequestCallBack( ){ // 一 旦 readyState 值 改变 ,将 会 调用 这 个 函数 
// 如 果 服 务 器 处 理 完毕 并 且 没 有 出 错 


if(xmlHttpReq. readyState == 4 && xmlHttpReq. status == 200){ 
// 将 服务 器 返回 的 内 容 载 人 到 # target 元 素 中 

document. getElementBYId("target" ) . innerHTML = xmlHttpReq. responseText; 
} 

3 

</script > 

< input type = "button" value = "Ajax 载 人 " onclick= "Ajax();" /> 

<div id= "target"></div> 

</body ></html > 


其 中 ,被 载 入 的 文档 (9-2. html) 的 代码 如 下 : 


< h2 > 被 加 载 的 文件 9 - 2. html </h2> 
<p> 这 是 被 加 载 的 文件 的 内 容 </p> 


然后 运行 9-1. html, 结 果 如 图 9-6 所 示 , 可 看 到 9-2. html 2 
中 的 HTML 代码 已 经 被 加 载 到 9-1. html 中 的 # target 元 素 “| [OUERGG) E [3 
中 了 。 | 瑟 相 加 | 科 http://1ocalho: 到 | | 性 接 

说 明 ， [| 

(1) 9-1. html 是 载 入 文档 的 页 面 ,9-2. html 是 被 载 入 的 ”| 被 加 载 的 文件 9-2.homl 
文档 ,可 以 看 出 ,9-2. html 是 一 个 普通 的 HTML 文档 ,只 是 它 “| 这 是 被 加 载 的 文件 的 内 容 国 
没有 < html >< body > 等 标记 ,因为 这 些 标记 不 能 放置 在 < div 
id 一 "target"></div > 元 素 中 。 也 可 以 理解 为 ,使 用 Ajax 技术 
后 ,服务 器 返回 的 不 再 是 完整 的 页 面 , 因 此 没有 < html >< body > 等 标记 。 

(2) 运行 之 前 必须 将 这 两 个 文件 都 保存 为 utf-8 编码 方式 。 因 为 XMLHttpRequest 对 
象 传输 数据 默认 采用 的 编码 方式 是 UTF-8。 页 面 的 编码 方式 可 以 在 DW 中 设置 ,方法 是 : 
执行 菜单 命令 “修改 ”一 “页 面 属性 ”, 选 择 “ 标 题 /编码 ”, 如 图 9-7 所 示 。 将 “编码 ”设置 为 
UnicodeCUTF-8) 即 可 。 此 时 .如 果 页 面 头 部 有 < meta > 标记 , 则 它 的 charset 属性 值 也 会 自 
动 更 改 为 utf-8, 如 果 不 是 ,可 手工 改过 来 。 


9.1.5 解决 IE 浏览 器 的 缓存 问题 


下 面 将 9-2. html 的 代码 修改 一 下 ,例如 将 第 二 行 修改 为 “< p > 已 经 修改 了 这 里 的 内 容 
</p >”, 然 后 在 下 中 刷新 9-1. html, 单 击 按钮 ,结果 仍然 如 图 9-6 所 示 ,可 看 到 在 IE 中 9-1. 


图 9-6 在 IE 中 载 入 文档 
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蒜 题 加 Ajax 技术 加 载 JTWL 文 档 
i oD) om 1 0 Transitional S| 


的 吉本 方式 we 
厂 包括 Unicode 签名 Bow) (8) 


CE ww | mw | Ww | 


图 9-7 在 DW 中 设置 页 面 的 编码 方式 


html 加 载 的 内 容 仍然 没 变 。 这 是 因为 在 Ajax 应 用 中 , 当 用 户 访问 一 次 后 ,再 进行 访问 时 ， 
如 果 XMLHttpRequest 请 求 中 的 URL 不 变 , 在 IE 中 就 会 发 生 这 样 的 现象 , 那 就 是 URL 中 
的 网 页 不 会 到 服务 器 端 取 ,而 是 直接 从 IE 的 缓存 中 取 。 为 了 解决 正 的 这 个 问题 ,必须 保证 
每 次 发 送 给 服务 器 端的 URL 都 不 相同 ,这 可 以 通过 在 URL 后 加 一 个 随机 数 或 时 间 截 来 实现 。 

(1) 加 随机 数 方法 可 使 用 Math. random() 函 数 产生 一 个 随机 数 。 具 体 可 将 代码 中 的 
xmlHttpReq. open("get","9-2. html"); 修改 为 如 下 语句 即 可 : 


xmlHttpReq. open("get", "9 — 2.html?t = "+ Math. random()); 
(2) 加 时 间 蕉 方 法 可 使 用 时 间 函 数 获取 当前 的 时 间 。 可 将 代码 修改 如 下 : 
xmlHttpReq. open("get", "9— 2.html?t ="+ new Date().getTime()); 


(3) 另外 ,还 可 以 在 发 送 Ajax 请 求 之 前 , 即 xmlHttpReq. send(null) 语 句 之 前 ,添加 一 
条 语句 : 


) jx 技 术 加 载 JT 上 文 挡 商品 太 
文件 四 编辑 加 ) EwW 历史 G 


ec x Ior 
Ee = 


被 加 载 的 文件 9-2. html 
已 经 修改 了 这 里 的 内 容 


xmlHttpReq. setRequestHeader("If ~ Modified— Since", "0"); 


也 能 解决 IE 浏览 器 运行 Ajax 程序 时 的 缓存 问题 。 
再 次 运行 9-1. html, 就 会 发 现 IE 每 次 都 能 加 载 到 最 新 
的 9-2. html 文件 了 。 
提示 : Ajax 缓存 问题 是 IE 浏览 器 才 有 的 问题 ,Firefox 
图 9-8 在 Firefox 中 载 人 修 等 其 他 浏览 器 不 存在 该 问题 。 修 改 9-2. html 后 再 运行 9-1. 
改 语 的 文档 html, 在 Firefox 中 的 效果 如 图 9-8 所 示 , 显 示 的 是 修改 后 的 
内 容 


9.1.6 载 入 PHP 文档 


用 Ajax 技术 可 以 载 入 任何 网 页 文档 ,如 果 载 入 的 是 PHP 动态 网 页 , 则 服务 器 端 会 先 
执行 动态 网 页 ,再 将 生成 的 静态 HTML 代码 发 送 给 客户 端 ,因此 客户 端 网 页 加 载 的 是 动态 
网 页 执行 后 的 静态 HTML 代码 。 下 面 是 一 个 动态 网 页 文件 (9-3. php) ,代码 如 下 : 


到 


ce 消 划 二 3 
<? echo "<b> Hello RMjax!</b>" .date('h:i:s');?> 
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然后 将 9-1. html 中 的 xmlHttpReq. open("get","9-2. html"); 修改 成 : 
xmlHttpReq. open ("get", "9 — 3.php"); 


并 将 这 两 个 文件 的 编码 方式 存 为 UTF-8 编码 方式 。 当 单 击 按钮 时 ,就 可 以 看 到 当前 页 
面 的 target 元 素 里 载 人 了 9-3. php 执行 完 后 生成 的 HTML 代码 。 运 行 结果 如 图 9-9 所 示 。 


1. Ajax 程序 与 传统 PHP 程序 的 区 别 


请 仔细 体会 图 9-9 中 程序 和 传统 PHP 程序 的 显著 区 别 。 EEC 


9-1. html 在 获取 并 显示 服务 器 端 数据 时 ,页 面 并 没有 刷新 ( 注 ES 


意 9-1. html 中 的 按钮 并 非 提交 按钮 ,因此 单 击 该 按钮 不 会 使 
页 面 刷 新 ) ,只 是 更 新 了 页 面 的 局 部 。 而 传统 的 PHP 程序 只 ,0.0 
要 获取 了 服务 器 端 数据 ,页 面 必然 要 刷新 。 

另外 ,虽然 用 纯 客 户 端的 JavaSeript 脚本 也 能 做 出 类 似 9-1。 图 989 用 Ajax 技 术 载 入 
html 中 的 的 效果 ,例如 将 9-1. html 中 的 函数 Ajax() 的 代码 改 Pp 
成 下 面 的 形式 ， 


加 
剧 


function Ajax(){ 
document. getElementById("target"). innerHTML = "Hello Ajax!" + new Date(); 
1 


也 可 以 有 相似 的 输出 ,但 这 样 就 没有 实现 和 服务 器 交互 了 ,数据 本 来 就 是 在 客户 端的 ， 
与 9-1. html 也 有 本 质 上 的 不 同 。 

以 上 就 是 实现 XMLHttpRequest 对 象 功 能 的 所 有 细节 。 它 使 用 JavaScript 启动 一 个 
请 求 并 处 理 相应 的 返回 值 , 然 后 使 用 浏览 器 的 DOM 方法 更 新 页 面 的 局 部 区 域 。 

2. 关于 Ajax 的 编码 问题 

对 于 前 面 出 现 的 代码 ,都 应 将 其 保存 成 UTF-8 的 编码 方式 ,否则 程序 会 出 现 乱 码 或 者 
不 能 运行 。 这 是 因为 ,通过 XMLHttpRequest 对 象 获 取 的 数据 ,默认 的 字符 编码 方式 是 
UTF-8。 为 了 使 Ajax 程序 不 出 现 编码 错误 问题 ,实际 上 有 以 下 两 种 解决 方案 : 

(1) 将 服务 器 端 程序 和 客户 端 页 面 的 编码 方式 都 设置 为 UTF-8。 


(2) 对 于 中 文 网 页 来 说 ,默认 的 字符 编码 是 GB2312。 如 果 不 想 修 改 页 面 的 编码 类 型 ， 
也 是 可 以 的 ,只 要 在 服务 器 端 程序 (如 9-3. php) 的 首 行 添加 一 句 : 


header( "Content - type: text/html; charset = gb2312"); 


这 样 ,客户 端 页 面 和 服务 器 端 程序 都 可 使 用 GB2312 编码 方式 了 。 
由 于 国内 使 用 的 开发 软件 一 般 是 Dreamweaver 8 中 文 版 ,新 建文 档 时 默认 的 编码 方式 
是 GB2312。 因 此 用 第 二 种 方法 更 方便 ,本 书 接 下 来 的 实例 都 采用 这 种 方法 。 


9.1.7 XMLHttpRequest 对 象 发 送 数据 给 服务 器 
在 9.1.6 节 中 , 载 和 人 服务 器 端 发 来 的 文档 ,本 质 是 利用 XMLHttpRequest 对 象 来 接收 
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服务 器 端的 数据 。 除 此 之 外 ,XMLHttpRequest 对 象 还 可 以 发 送 客户 端的 数据 给 服务 器 ， 
从 而 实现 客户 端 与 服务 器 的 双向 交互 。 
XMLHttpRequest 对 象 发 送 数据 给 服务 器 有 两 种 方式 , 即 GET 方式 和 POST 方式 。 


1. GET 方式 发 送 数据 


只 要 在 请 求 的 URL 地 址 后 添加 查询 字符 串 ,查询 字符 串 就 会 以 GET 方式 发 送 给 服务 
器 。 将 代码 9-1. html 中 的 xmlHttpReq. open("get","9-2. html"); 修改 为 ; 


xmlHttpReq. open ("get","9— 4.php?user = tang&n=" + Math.random( ))7 


则 会 将 URL 变量 user 和 n 发 送 给 服务 器 ,服务 器 端 脚 本 9-4. php 使 用 $ _GET 数组 就 可 
获取 这 些 URL 变量 的 值 。 代 码 如 下 ,运行 9-1. html, 效 果 如 图 9-10 所 示 。 


二 清单 9 二 不 有 bp 二 一 一 一 人 一 一 一 
<? header("Content - type: text/html; charset = gb2312") ; // 设 置 编码 方式 

$user= $ _GET[ 'user']; // 获 取 GET 方式 发 送 的 数据 
echo "欢迎 您 , $ user 先生 "; // 返 回 数据 给 浏览 器 ?> 


2. POST 方式 发 送 数据 


将 XMLHttpRequest 对 象 open 方法 的 第 一 个 参数 设置 为 post, 就 可 以 使 用 该 对 象 的 
send() 方 法 发 送 数据 了 ,这 些 数 据 将 以 POST 的 方式 发 送 给 服务 器 。 将 9-1. html 中 相关 代 
码 修改 为 : 


xmlHttpReq. open( "post", "9 — 5. php" ); // 以 post 方式 发 送 数 据 给 9 - 5.php 
xmlHttpReq. setRequestHeader( 'Content - type', 'application/x- www - form— urlencoded'); 
xmlHttpReq. send("user = tang&n =" + Math.random()); 


则 会 将 变量 user 和 n 发 送 给 服务 器 ,服务 器 端 脚本 可 以 使 用 $_POST 数组 获取 这 两 个 变 
量 的 值 。 代 码 如 下 ,9-1. html 的 运行 效果 类 似 于 图 9-10。 


<? header("Content— type: text/html; charset = gb2312") 
$user= $ _POST[ 'user']; 
echo "欢迎 您 , $ user 先生 ";?> 


说 明 : 

(1) 通过 send 方法 以 POST 方式 发 送 数据 ,必须 先 用 setRequestHeader 方法 设置 请 求 
头 的 格式 。 

(2) 由 于 服务 器 一 般 需 要 对 接收 的 数据 进行 处 理 , 因 此 是 

(3) 上 述 程序 直接 发 送 定义 好 的 变量 给 服务 器 ,实际 程序 
中 ,通常 先 获取 表单 中 的 数据 ,再 将 表单 中 的 数据 发 送 给 服务 
器 ,这 样 服务 器 就 能 获取 用 户 提交 的 数据 了 。 


可 czT 方 式 发 送 数 据 二 二 国 阿 加 友 3 
文件 EE) 编辑 FE) 查看 ” 名 
地 址 二) 周 http://1localhost/pt 加 | 

a 


您 ，tang 先生 一 


图 9-10 ”GET 方式 发 送 数据 


第 9 章 ”基于 jQuery 的 Ajax 技术 (oo) 


3. XMLHttpRequest 对 和 象 与 服务 器 端 通信 的 步骤 


Ajax 技术 与 服务 器 端 异 步 交 互 主要 依靠 XMLHttpRequest 对 象 ,XMLHttpRequest 
对 象 与 服务 器 端 通信 和 的 过 程 如 图 9-11 所 示 , 步 又 可 总 结 如 下 。 

(1) 创建 XMLHttpRequest 对 象 。 

(2) 使 用 open() 方 法 设置 XMLHttpRequest 对 象 请 求 的 URL 发 送 HTTP 请 求 的 方 
式 以 及 是 否 为 异步 模式 等 。 

(3) 使 用 send() 方 法 发 送 HTTP 请 求 。 
(4) 使 用 onreadystatechange 事件 监听 服务 器 端的 反馈 ,根据 readyState 属性 来 判断 服 
务 器 是 否 已 经 对 请 求 处 理 完成 ,一 旦 完成 则 接收 服务 器 端 传 回 的 数据 。 
于 页 面 没有 刷新 ,浏览 器 不 知道 服务 器 什么 时 候 完 成 了 对 请 求 的 处 理 ,所 以 需要 第 
(4) 步 进行 监听 ,这 是 Ajax 程序 和 普通 PHP 程序 运行 过 程 中 最 明显 的 区 别 。 


用 回调 函数 监控 XMLHttpRequest 
对 象 的 状态 ， 当 readyState 为 4 时 获 
取 服 务 器 响应 


初始 化 “三 一 一 | 发 送 请 求 | 一 =| 等 待 服务 器 响应 上 一 一 | 获取 响应 


图 9-11 XMLHttpRequest 对 象 与 服务 器 通信 的 过 程 


实际 上 ,通常 也 可 将 第 (4) 步 放 在 第 (3) 步 之 前 ,也 就 是 在 发 送 HTTP 请 求 之 前 ,就 将 接 
收服 务 器 端 数据 的 “装置 ?准备 好 。 防 止 发 送 HTTP 请 求 后 服务 器 端 返回 数据 过 快 ， 
onreadystatechange 事件 来 不 及 监听 和 接收 。 

(1) XMLHttpRequest 对 象 虽然 名 称 中 含有 XML, 但 它 并 不 限于 和 XML 文档 一 起 使 
用 , 它 可 以 接收 任何 格式 的 文本 ,包括 普通 文本 .HTML 文本 、JSON 文本 、XML 文本 等 。 

(2) XMLHttpRequest 对 象 与 PHP 中 的 $_REQUEST 数组 的 功能 也 完全 不 同 ,$_ 
REQUEST 是 服务 器 端的 数组 , 它 的 作用 是 获取 从 客户 端 发 送 来 的 数据 ; 而 XMLHttpRequest 对 
象 是 客户 端 浏览 器 中 的 对 象 , 它 的 作用 是 发 送 数据 给 服务 器 后 再 从 服务 器 获取 传 回来 的 数据 。 


4. 传统 Web 程序 与 Ajax 程序 的 区 别 


(1) 客户 端 发 送 请 求 的 方式 不 同 。 

传统 Web 应 用 发 送 请 求 通常 有 两 种 方式 : 采用 提交 表单 的 方式 发 送 POST 或 GET 请 求 ; 
让 浏览 器 直接 请 求 网 络 资源 发 送 GET 请 求 。 而 采用 Ajax 技术 后 , Web 应 用 需要 使 用 
XMLHttpRequest 对 象 来 发 送 请 求 , 这 不 需要 提交 表单 。 表 单 中 的 数据 会 先 发 送 给 JavaScript 
代码 而 不 是 发 送 给 服务 器 ,由 JavaScript 代码 捕获 表单 数据 并 向 服务 器 发 送 异 步 请 求 。 

(2) 服务 器 生成 的 响应 不 同 。 

传统 的 Web 应 用 中 服务 器 的 响应 总 是 完整 的 HTML 页面。 在 采用 Ajax 技术 后 ,服务 
器 响应 的 不 再 是 完整 的 HTML 页 面 ,而 只 是 必须 更 新 的 数据 ,因此 服务 器 生成 的 响应 可 能 
只 是 简单 的 字符 串 (或 XML 文档 JSON 文档 等 ) 。 
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(3) 客户 端 加 载 响应 的 方式 不 同 。 

传统 的 Web 应 用 具有 每 个 请 求 对 应 一 个 页 面 的 关系 ,而 且 服 务 器 响应 的 就 是 一 个 完 
的 HTML 页 面 ,因此 浏览 器 每 刷新 一 次 就 会 自动 加 载 并 显示 服务 器 的 响应 。 而 采用 Ajax 
技术 后 ,服务 器 响应 的 只 是 必须 更 新 的 数据 ,浏览 器 不 会 刷新 , 故 客户 端 必 须 通 过 事件 监听 
程序 来 监测 服务 器 的 响应 是 否 完成 ,如 果 响 应 完成 ,再 动态 加 载 服务 器 的 响应 。 


6.2 jQuery 中 的 Ajax 方法 与 载 入 文档 


由 于 在 传统 的 Ajax 中 ,XMLHttpRequest 对 象 有 很 多 的 属性 和 方法 ,对 于 想 快 速 入 门 
Ajax 的 用 户 来 说 ,并 不 是 个 容易 的 过 程 。jQuery 对 Ajax 操作 进行 了 封装 ,使 用 jQuery 可 
大 大 简化 开发 Ajax 程序 的 过 程 。 

jQuery 主要 通过 提供 一 些 针对 Ajax 的 方法 和 属性 来 实现 Ajax。jQuery 中 常用 的 
Ajax 方法 只 有 6 个 , 即 load()、$. get()、$. post()、$. ajax()、$. getJSON() 和 $. 
getScript() 方 法 。 其 中 , $ .ajax() 方 法 属于 最 底层 的 方法 ,第 2 层 是 load()、$ .get() 和 $. 
post() 方 法 ,第 3 层 还 有 $. getJSON() 和 $. getScript() 方 法 。 这 些 jQuery 中 最 常用 的 
Ajax 方法 功能 如 表 9-1 所 示 。 


表 9-1 jQuery 中 最 常用 的 Ajax 方法 


方 法 功 能 
load( url, [data], Lecallback]) 载 和 远程 HTML 文件 代码 并 插入 至 DOM 元 素 中 
$. get(url,[data],[callback],[type]) 使 用 GET 方式 发 送 数 据 并 载 入 信息 


$. post(url,[data],[callback],[type]) 使 用 POST 方式 发 送 数据 并 载 人 信息 

$ .ajax(Coptions) 通用 的 Ajax 方法 ,可 发 送 数据 并 载 和 人 信息 

$. getJSON(url,[data],[Lcallback],type]) 以 GET 方式 发 送 请 求 并 载 入 json 格式 的 数据 

$. getScript(url, [data],[callback] ,type]) 以 GET 方式 发 送 请 求 并 载 人 JavaScript 格式 的 数据 


9.2.1 使 用 load() 方 法 载 入 HTML 文档 


Ajax 的 本 质 特 征 就 是 刷新 页 面 的 局 部 ,这 是 通过 将 远程 文档 载 人 到 页 面 的 局 部 元 素 中 
实现 的 。 从 本 节 开 始 我 们 将 介绍 载 人 各 种 类 型 文档 到 页 面 局 部 元 素 中 的 方法 。 

load() 是 jQuery 中 最 为 简单 的 Ajax 方法 。 它 能 载 人 远程 HTML 文档 并 将 其 插入 到 
指定 的 DOM 元 素 中 。 它 的 语法 为 : 


load( url [, data ] [, callback]) 
这 些 参数 的 含义 如 表 9-2 所 示 。 
表 9-2 load() 方 法 参数 的 含义 


参数 名 称 ES 型 说 明 
url String 请 求 HTML 文档 的 URL 地 址 
data( 可 选 ) Object 发 送 至 服务 器 的 key: value 数据 (Json 类 型 数据 ) 
callback( 可 选 ) Function 请 求 完成 时 的 回调 函数 ,无 论 请 求 成 功 或 失败 
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1. 载 入 整个 HTML 文档 


下 面 我 们 使 用 load() 方 法 改写 9-1. html 中 的 脚本 ,同样 实现 载 人 HTML 文档 。 代 码 
如 下 : 


二 二 二 一天 一 二 二 二 天 一生 二 于 二 二 全 二 于 二 一 一 过 一 清单 9- 4.html ------- 一 一 一 -一 一 一 一 一 一 -一 一 一 -一 -一 -一 
< script src = "jquery.min. js"></script > <! -- 引 入 jQuery 环境 --> 
< Script> 
function Ajax(){ 
$ ("#target"). load("9 — 3.php"); // 用 load() 方 法 载 人 人 9-3. php 
} 
</script > 


< input type = "button" value = "Ajax 提交 " onclick = "Ajax();" /> 
<div id= "target" ></div> 


9-4. html 的 运行 结果 如 图 9-9 所 示 , 可 见 ,load() 方 法 只 用 了 一 行 代码 就 完成 了 9-1. 
html 中 很 繁琐 的 工作 。 我 们 只 需 使 用 jQuery 选择 器 为 加 载 的 HTML 代码 指定 目标 位 置 ， 
然后 将 要 加 载 的 文件 URL 作为 参数 传递 给 load() 方 法 即 可 。 

如 果 要 在 load() 方 法 后 添加 一 条 弹出 警告 框 的 语句 ,可 将 代码 修改 如 下 : 

function Ajax(){ 


$ ("#target").load("9-3.php"); ”// 用 load() 方 法 载 人 9-3. php 
alert(" 正 在 加 载 中 ");} 


就 可 发 现 警 告 框 是 先 于 文档 加 载 完 之 前 弹出 的 ,这 验证 了 Ajax 在 获取 服务 器 端的 数据 时 确 
实 是 采用 了 蜡 步 方 式 , 异 步 加 载 意味 着 在 发 出 取得 HTML 片段 的 HTTP 请 求 后 ,会 立即 继 
续 执 行 后 面 的 脚本 ,无 须 等 待 。 在 之 后 的 某 个 时 刻 , 当 浏 览 器 接收 到 服务 器 响应 时 ,再 对 响 
应 的 数据 进行 处 理 。 因 此 在 和 服务 器 端 传输 数据 的 过 程 中 ,客户 端 仍然 可 以 继续 运行 接 下 
来 的 程序 。 

提示 : 如 果 要 避免 IE 浏览 器 的 缓存 问题 ,可 以 在 向 服务 器 端 发 送 URL 时 同时 发 送 一 
个 随机 数 ,例如 $$(" 井 target"). load("9-3. php" ,fsid: Math. random()}); ,这 样 每 次 发 送 
请 求 时 会 将 该 随机 数 也 发 送 给 服务 器 ,当然 也 可 以 直接 通过 URL 字符 串 的 方式 加 随机 数 。 

2. 载 入 HTML 文档 中 的 指定 元 素 

上 面 的 例子 将 9-3. php 中 的 所 有 内 容 都 加 载 到 了 # target 元 素 里 。 但 有 时 可 能 只 需 加 
载 文档 中 的 某 些 元 素 , 这 时 可 以 通过 修改 load() 方 法 的 URL 参数 来 达到 目的 ,通过 对 URL 


参数 指定 选择 器 ,就 可 以 很 方便 地 从 加 载 过 来 的 HTML 文档 中 筛选 出 所 需要 的 内 容 。 
load 方法 的 URL 参数 的 语法 为 : "url selector"。 注 意 , URL 和 选择 器 之 间 有 一 个 


空格 。 

例如 ,只 需要 载 入 9-5. html 中 class 为 "title" 的 内 容 , 可 以 将 9-4. html 的 代码 修改 
如 下 : 

function Ajax(){ // 对 9 一 4.html 中 的 hjax() 函 数 进行 修改 


$ ("#target"). load("9 一 5.html .title");  // URL 和 选择 器 之 间 必须 有 一 个 空格 
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其 中 9-5. html 的 文档 代码 如 下 ,修改 后 的 9-4. html 运行 效果 如 图 9-12 所 示 。 


<h3 > Rjax 技术 的 关键 </h3 > 
<h3 class = "title"> Ajax 的 默认 编码 是 utf8 </h3 > 
<p class = "layer"> 沙 发 .</p> 
<h3 class = "title"> 如 何 修改 文件 的 编码 方式 </h3 > 
<p class = "layer"> 板 使.</p> 
<h3 class = "title"> responseText 存放 着 服务 器 响应 的 内 容 </h3 > 
<p class = "layer"> 地 板 .</p> 


本 Ai sz 程序 载 入 MT 文档 片 恨 = WIRECEGSG 


文件 四 编辑 到 ) 查看 中 收藏 8) ”| 链接 | 味 
外 下 加 图 http://1ocalhost/sjsx2/9-4. nt 司 | 回民 到 


ax 载 入 =- 


Ajax 的 默认 编码 是 ntf8 
如 何 修改 文件 的 编码 方式 
responseText 存 放 着 服务 器 响应 的 内 容 “到 


图 9-12 Ajax 载 人 HTML 文档 片段 


提示 : 如 果 客 户 端 页 面 (9-4. html) 中 包含 有 CSS 样式 ,那么 被 载 入 的 文档 中 的 元 素 将 
会 应 用 客户 端 页 面 中 的 CSS 样式 。 

从 以 上 实例 可 以 看 出 , 载 人 HTML 文档 或 文档 片段 只 需要 很 少 的 工作 量 , 但 这 种 固定 
的 数据 结构 并 不 一 定 能 够 在 其 他 的 Web 应 用 程序 中 得 到 重用 。 因 此 有 时 我 们 可 能 需要 载 
入 JSON 文档 或 XML 文档 。 

由 此 可 见 ,load() 是 jQuery 中 最 简单 的 Ajax 函数 ,但 是 它 的 使 用 具有 下 列 局 限 性 。 

(1) load() 方 法 是 用 于 直接 返回 HTML 的 Ajax 接口 ,不 能 返回 其 他 格式 的 文档 。 

(2) load() 是 一 个 jQuery 对 象 的 方法 ,需要 在 jQuery 对 象 上 调用 ,并 且 会 将 返回 的 
HTML 加 载 到 这 个 对 象 内 ,即使 设置 了 回调 函数 也 还 是 会 加 载 ,因此 不 方便 对 返回 的 
HTML 代码 先进 行 处 理 后 再 加 载 。 


9.2.2 JSON 数据 格式 


JSON 是 JavaScript Object Notation 的 缩写 , 意 即 : JavaScript 对 象 表示 法 。JSON 是 
一 种 轻 量 级 的 数据 交换 格式 , 它 使 用 JavaScript 提供 一 种 灵活 而 严格 的 存储 和 传输 数据 的 
方法 。 非 常 便于 阅读 和 编写 ,也 易于 被 程序 获取 。 在 进行 Ajax 开发 时 ,很 多 场合 使 用 
JSON 作为 数据 格式 比 使 用 XML 更 加 方便 ,尤其 是 使 用 jQuery 开发 Ajax 时 ,JSON 格式 
数据 应 用 得 非常 普遍 。 

JSON 可 用 来 创建 JavaScript 对 象 或 数组 ,下 面 分 别 来 介绍 JSON 对 象 和 JSON 数组 。 


1. JSON 对 象 


我 们 知道 ,一 个 对 象 是 由 若干 属性 和 方法 构成 的 。JSON 使 用 一 些 “ 键 一 值 ” 对 来 描述 
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JavaScript 对 象 ,(“ 键 一 值 ” 对 就 相当 于 是 对 象 的 “属性 名 一 属性 值 ”.JSON 也 可 以 描述 对 象 
的 方法 ,但 一 般 很 少 用 )。JSON 使 用 大 括号 {} 将 一 组 “ 键 一 值 ” 对 包括 在 一 起 形成 一 个 对 
象 。 例 如 : 


var user = { "username":"andy", "age":20, "sex":"male" }; 


说 明 : 

(1) 一 个 JSON 对 象 以 “{” 开 始 ,“)” 结 束 。 对 象 中 包含 若干 个 属性 ,属性 分 为 键 和 值 两 
部 分 。 键 和 值 之 间 用 : ”( 冒 号 ) 隔 开 ; 多 个 ““ 键 : 值 ' 对 ”之 间 用 “,”( 豆 号) 分 隔 。 键 或 值 如 
果 是 字符 串 常 量 则 必须 用 引号 ( 单 引号 或 双 引 号 ) 引 起 来 ,数值 型 或 变量 则 不 需要 。 

(2) 最 后 一 个 属性 值 之 后 不 能 再 有 ”",”( 喜 号) ,否则 会 出 错 。 

如 果 要 用 JSON 来 描述 对 象 的 方法 ,也 是 可 以 的 ,下 面 是 一 个 例子 。 

var user = { name: " 张 三 "， // 属 性 

Show: function(){ // 方 法 


alert ( this. name); } } 
<p onclick = "user. show( )"> 单 击 我 引用 对 象 </p> ”<! -- 调用 对 象 的 方法 --> 


2, JSON 数组 


JavaScript 的 数组 可 以 使 用 中 括号 [] 进 行动 态 定义 。 使 用 JSON 将 JSON 对 象 和 
JSON 数组 的 两 种 语法 组 合 起 来 ,可 以 轻松 地 表达 复杂 而 且 庞大 的 数据 结构 。 例 如 : 
var user = { 
"username" :"andy", 
"age" :20, 
"info" : { "tel": "123456", "cellphone": "98765"}, 
"address": [ 
{"city" :"beijing", "postcode" :"222333"}, 
{"city":"newyork", "postcode" :"555666"} 
I 


说 明 : 

(1) 数组 是 值 (value) 的 有 序 集合 。 一 个 JSON 数组 以 “[” 开 始 ,“j” 结 束 。 值 之 间 使 用 
“,”( 豆 号) 分隔 ,最 后 一 个 值 之 后 不 允许 有 “,”( 逗 号 )。 

(2) JSON 对 象 允许 嵌 套 , 即 某 个 属性 值 可 以 是 简单 数据 ,也 可 以 是 一 个 JSON 对 象 或 
数组 ,例如 "info" 和 "address" 属 性 的 值 。 

(3) 该 JSON 数据 中 有 4 个 元 素 , 即 username、age、info 和 address ,元 素 又 可 以 由 其 他 
元 素 组 成 ,如 "info" 由 "tel" 和 "cellphone" 两 个 子 元 素 组 成 。 


3. JSON 对 象 和 JSON 字符 串 的 转换 


在 数据 传输 过 程 中 ,JSON 是 以 文本 , 即 字 符 串 的 形式 传递 的 ,而 JS 操作 的 必须 是 
JSON 对 象 , 所 以 ,有 时 候 必 须 对 JSON 对 象 和 JSON 字符 串 进行 相互 转换 。 对 于 下 面 的 
JSON 字符 串 和 JSON 对 象 : 
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//JSON 字符 串 : 
Var strl = '{ "name": "cxh", "sex": "man™ }'; 
//JSON 对 象 : 


Var obj = { "name": "cxh", "sex": "man" }; 

(1) JSON 字符 串 转换 为 JSON 对 象 。 

要 将 上 面 的 JSON 字符 串 strl 转换 成 JSON 对 象 ,可 以 使 用 eval() 函数,eval() 函 数 会 
把 一 个 字符 串 当成 一 个 表达 式 并 去 执行 它 。 例 如 : document. write("5 十 3") 将 会 输出 字符 
串 “5 十 3”, 但 document. write(Ceval("5 十 3")) 将 会 输出 数字 8, 原 因 就 是 eval() 把 字符 串 
“5 十 3 当成 了 一 个 算术 表达 式 5 十 3 并 且 执 行 了 它 。 

eval() 会 试图 去 执行 包含 在 字符 串 里 的 一 切 表 达 式 或 者 一 系列 合法 的 JavaScript 语句 。 
并 把 最 后 一 个 表达 式 或 者 语句 所 包含 的 值 或 引用 作为 它 的 返回 值 。 因 此 ,alert(eval("5 十 
3,6,7 十 2")); 会 返回 9。 

将 JSON 字符 串 strl 转换 成 JSON 对 象 通常 使 用 如 下 语句 : 


var obj = eval('('+ strl + ')'); 


其 中 ,表达 式 中 的 “十 ?是 连接 运算 符 , 因 此 代码 首先 在 字符 串 strl 的 左右 两 边 添加 了 
一 对 小 括号 “()”。 我 们 知道 ,加 了 小 括号 之 后 ,JavaScript 就 会 把 其 中 的 内 容 当 成 一 个 表达 
式 并 去 执行 它 , 而 不 加 的 话 ,eval 会 将 大 括号 识别 为 JavaScript 代码 块 的 开始 和 结束 标记 ， 
那么 “{}” 将 会 被 认为 是 一 条 空 语句 并 去 执行 它 。 

提示 : 为 了 返回 常用 的 “{)}” 这 样 的 对 象 声 明 语 和 句 ,必须 用 小 括号 将 其 括 住 ,以 转换 为 
表达 式 ,才能 返回 其 值 。 对 于 原始 的 Ajax 开发 来 说 ,由 于 其 只 能 返回 字符 串 ( 通 过 
responseText 属性 ) 或 XML 格式 (通过 responseXML 属性 ) 的 数据 ,无 法 返回 JSON 格式 
的 数据 ,因此 为 了 得 到 JSON 数据 ,通常 要 对 返回 的 字符 串 使 用 eval() 方 法 转换 成 JSON 对 
象 。 但 对 于 jQuery 开发 Ajax 来 说 ,可 以 设置 返回 的 数据 是 JSON 格式 ,因此 eval() 方 法 用 
得 并 不 多 。 

除了 使 用 eval 〇 函数 外 ,JSON 官方 网 站 还 提供 了 一 个 开源 的 JSON 解析 器 和 字符 串 
转换 器 专用 文件 “json. js”。 在 百度 上 搜索 下 载 到 该 文件 后 ,将 其 引入 到 当前 文件 中 , 即 在 代 
码 中 加 入 < script src 一 "json. js"></script >, 就 可 以 使 用 其 中 的 parseJSON () 或 JSON. 
parse(str) 方 法 将 JSON 字符 串 转换 成 JSON 对 象 。 例 如 : 


var obj = strl.parseJSON(); 

Var obj = JSON. parse(str); 

然后 ,就 可 以 这 样 读 取 了 : 

alert(obj. name);alert(obj. sex); 

说 明 : 如 果 obj 本 来 就 是 一 个 JSON 对 象 ,那么 使 用 eval() 函数 转换 后 (哪怕 是 多 次 转 
换 ) 还 是 JSON 对 象 ,但 是 使 用 parseJSON() 函 数 处 理 后 会 有 问题 ( 抛 出 语法 异常 ) 。 


(2) JSON 对 象 转换 为 JSON 字符 串 。 
使 用 “json. js” 中 提供 的 方法 ,可 以 将 JSON 对 象 转换 成 JSON 字符 串 。 例 如 : 
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var last = obj. toJSONString( ); // 转 换 成 JSON 字符 串 
var last = JSON. stringify(obj); // 转 换 成 JSON 字符 串 
alert(last); 


9.2.3 使 用 $ .getJSON() 方 法 载 入 JSON 文档 


在 实际 开发 中 ,通常 把 JSON 格式 的 数据 保存 成 一 个 后 级 名 为 “. json” 的 单独 的 外 部 文 
件 ,例如 ,可 以 把 下 面 的 JSON 格式 数据 保存 成 “9-6. json” 文 件 。 


[ { "username":" 张 三"， 
"content":" 沙 发."}， 

{ "username" : " 李 四 "， 
"content":" 板 爹 ." }， 

{ "username" : " 王 五 ", 
"content": "地 板 ."”}] 


1. 载 入 JSON 文档 


使 用 $. getJSON() 方 法 可 以 在 网 页 中 加 载 JSON 文档 。$. getUJSON() 方 法 前 面 没有 
任何 一 个 jQuery 对 象 , 可 见 它 是 一 个 全 局 的 jQuery 函数 ,不 需要 用 jQuery 对 象 进 行 调用 。 
因此 , $. getJSON() 是 作为 全 局 jQuery 方法 定义 的 ,也 就 是 说 , 它 不 是 某 个 jQuery 对 象 实 
例 的 方法 。 为 了 容易 理解 ,在 这 里 称 它 为 全 局 函数 。 下 面 是 一 个 使 用 $. getJSON() 载 入 
json 文件 的 例子 。 

function Ajax(){ // 对 9 一 4.html 中 的 Ajax() 函 数 进行 修改 ,得 到 9 - 6. html 


$ .getJSON("9 — 6.json"); 
8 


这 样 就 使 用 $. getJSON 函数 加 载 了 这 个 JSON 文档 。 但 是 当 单 击 按钮 后 ,我 们 看 不 到 
任何 效果 。 这 是 因为 JSON 文档 不 像 HTML 文档 ,内 容 可 以 直接 显示 在 页 面 上 (因为 浏览 
器 不 能 直接 解析 JSON 文档 )。 


2. 显示 JSON 文件 中 的 数据 内 容 


为 了 能 在 页 面 上 显示 JSON 文件 中 的 内 容 , 需 要 使 用 回调 函数 对 JSON 文档 中 的 数据 
进行 适当 处 理 后 再 显示 在 页 面 上 。 因 此 , $. getJSON 方法 通常 还 需要 一 个 回调 函数 作为 
它 的 参数 。 这 个 参数 是 当 加 载 完成 时 调用 的 函数 。 如 上 所 述 ,Ajax 请 求 都 是 异步 的 ,回调 
函数 提供 了 一 种 等 待 数据 返回 的 方式 , 当 服 务 器 端 返回 数据 完成 后 才 会 执行 回调 函数 中 的 
代码 。 

可 调 函 数 也 需要 一 个 参数 ,该 参数 中 保存 着 返回 的 数据 (相当 于 XMLHttpRequest 对 
象 的 responseText 属性 ) 。 该 参数 建议 命名 为 data, 但 也 可 使 用 其 他 变量 名 。 为 了 能 在 页 
面 上 显示 返回 的 数据 ,上 述 代码 应 改写 成 : 
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function Ajax(){ // 对 9 一 4.html 中 的 Ajax() 函数 进行 修改 ,得 到 9 - 6. html 
//function(data){…} 是 回调 函数 ,其 中 data 是 回调 函数 的 参数 
$ .getJSON("9— 6.json", function(data){ 
$ ("#target").html(data[1].username); 
D;1} 


二 这 样 单 击 按钮 后 ,就 会 发 现 # target 元 素 中 载 人 了 9-6. json 
文件 如 ”儿科 | 中 中 的 数据 * 李 四 ”, 这 是 因为 ,9-6. json 中 的 内 容 是 一 个 JSON 数 
ESE | 组 ,因此 在 9-6. html 中 用 $. getJSON 加 载 它 完成 后 ,回调 函数 
有 人。 全。 的 参数 data 中 保存 的 也 是 这 个 数组 。 由 于 data 是 一 个 数组 ,对 
于 数组 来 说 ,通过 对 其 加 下 标 (data[1]) 可 以 获取 数组 中 的 某 个 
元 素 , 而 该 数组 中 每 个 元 素 都 是 一 个 对 象 。 因此 可 以 用 
data[1]. username 引用 这 个 对 象 的 相应 属性 。 


3. 输出 JSON 文档 中 的 所 有 内 容 


9。 如果 要 输出 9-6, json 中 的 所 有 数据 , 则 可 以 使 用 循环 语句 
遍历 该 json 数组 。 代 码 如 下 ,运行 结果 如 图 9-13 所 示 。 


function Ajax(){ ”// 对 9-4.html 中 的 Ajax() 函 数 进行 修改 ,得 到 9 - 6. html 
$ .getJSON("9 - 6. json"，function(data){ 
for(i= 0;i< data.length; i++){ // 此 处 data 是 一 个 数组 
$ ("#target").append("<h3>" + data[ i].username + "</h3 >"); 
$ ("#target").append("<p>" + data[i].content + "</p>"); 
} 
Dp 


也 可 使 用 jQuery 提供 的 $. each 方法 来 遍历 json 数组 data。 代 码 如 下 : 


function Ajax(){ // 对 9-4.html 中 的 Ajax() 函 数 进行 修改 ,得 到 9 - 7.html 
$ .getJSON("9 - 6. json"，function(data){ 
$ .each(data, function(i, item) { 
$ ("#target").append("< h3 >" + item.username + "</h3 >"); 
$ ("#target").append("<p>" + item. content + "</p>"); 
1D); 
3} 


其 中 参数 i 是 数组 data 中 元 素 的 索引 值 ,item 是 数组 元 素 的 值 , 由 于 9-6. json 中 每 个 
数组 元 素 都 是 一 个 对 象 ,因此 item 是 一 个 json 对 象 。 引 用 json 对 象 的 属性 有 两 种 方法 : 
中 用 item. username; @ 用 item[ 'username '] 。 

说 明 : 

(1) 回调 函数 function(data) 中 的 data 参数 可 以 将 服务 器 输出 的 数据 转换 成 客户 端的 
数据 ,是 Ajax 技术 中 服务 器 与 浏览 器 之 间 传 递 数据 的 桥梁 。 

(2) 遍历 数组 可 采用 循环 的 方法 ,也 可 采用 $. each 方法 ,程序 将 每 个 数组 元 素 中 的 对 
象 属性 取出 后 ,将 其 放置 在 不 同 的 HTML 标记 中 ,属性 就 会 以 不 同 的 表现 形式 显示 出 来 。 
可 见 ,JSON 格式 数据 由 于 具有 规范 的 格式 ,使 JSON 文档 中 的 任何 数据 都 可 以 按 需 取出 ， 
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而 HTML 文档 中 的 代码 作为 一 个 整体 ,要 单独 取出 其 中 的 一 些 会 有 些 麻烦 。 这 是 JSON 
数据 相 比 HTML 数据 所 具有 的 优势 。 

(3) append() 是 内 部 插入 数据 的 方法 ,这样 每 循环 一 次 ,新 添加 的 数据 将 追加 到 原 有 数 
据 的 末尾 处 。 

总 结 : 

(1) $. geUJSON() 方 法 必须 带 有 回调 函数 才能 显示 所 加 载 的 JSON 文档 中 的 数据 ,而 
load() 方 法 却 可 以 不 带 有 回调 函数 ,这 是 因为 HTML 文档 的 内 容 可 以 直接 显示 在 浏览 器 
中 ,而 JSON 文档 是 不 能 被 浏览 器 直接 解析 的 。 

(2) 虽然 JSON 格式 很 简洁 ,但 它 却 不 容许 有 任何 错误 。 所 有 中 括号 、 大 括号 .引号 和 
逗号 都 必须 合理 而 且 适 当地 存在 ,否则 会 引起 文件 不 被 加 载 ,并 且 不 会 提示 任何 错误 信息 ， 
脚本 只 是 静默 地 终止 运行 。 


9.2.4 使 用 $ .getScript() 方 法 载 入 JS 文档 


jQuery 提供 了 $. getScript( ) 方 法 直接 加 载 外 部 js 文件 ， ~ 
像 加 载 一 个 HTML 文档 一 样 简单 方便 ,并 且 不 需要 对 文件 四 六 ”| 链 拱 | 居 
JavaScript 文件 进行 任何 处 理 ,Javascript 文件 就 会 自动 执行 。 ESS| 
加 载 js 文档 的 示例 代码 如 下 | 

function Ajax(){ // 将 9-4.html 中 的 Ajax() 函 数 进 

// 行 修改 ,得 到 9 - 8. html 
$ .getScript('9— 8.js'); 
9-14 ” 串 . getScript() 方 法 加 


载 JavaScript 文 档 
其 中 ,9-8.js 的 代码 如 下 ,9-8. html 的 运行 结果 如 图 9-14 ee 


"content": "沙发 ."”}， 
{ "username" : " 李 四 "， 
"content":" 板 使."”}， 
{ "username" : " 王 五 ", 
"content": "地 板 ." }]; 
var html = "< table border = '1'cellpadding= '2>"; // 第 8 行 
$ .each(comments , function(Index, comment) { 
html += '<tr><td>' + comment['username'] + ':</td><td>' + comment[ 'content'] + 
‘</td></tr>'; 
]) 
html += "</table>" 
$ ("# target"). html(html); 


如 果 需 要 ,与 load()、$. getJSON() 方 法 一 样 , $. getScript() 方 法 也 可 设置 回调 函数 , 它 
会 在 JavaScript 文件 加 载 完成 后 运行 。 例 如 可 将 9-8. js 中 从 第 8 行 开 始 的 代码 删除 ,然后 
将 这 些 代 码 放 到 $. getScript 〇 方法 的 回调 函数 里 。 代 码 如 下 : 
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function Ajax(){ // 将 9 一 4.html 中 的 Ajax() 函 数 进行 修改 ,得 到 9 一 8.html 
$ .getScript('9— 8.js', function(data){ //function(data){…} 为 回调 函数 
Var html = "<table border = '1'cellpadding = '2>"; 
$ .each(comments , function(Index, comment) { 
html += '<tr><td>' + comment['username'] + ':</td><td>' + comment[ 'content'] + 
</td></tr>'; }) 
html += "</table>"; 
$ ("#target"). html(html); 
D); 1 


其 中 ,comment[ 'content'] 也 可 写成 comment. content, 因 为 comment 是 一 个 JSON 
对 象 。 


9.2.5 使 用 $ .get() 方 法 载 入 XML 文档 


本 节 使 用 $. get() 方 法 来 载 人 XML 文档 。 需 要 注意 的 是 , $. get() 方 法 实际 上 可 载 人 
任何 类 型 的 文档 。XML 是 Ajax 缩写 词 中 的 一 部 分 ,但 XML 文档 相对 于 JSON 文档 过 于 
复杂 ,因此 在 实际 Ajax 开发 中 比较 少 用 。 加 载 XML 文档 和 加 载 JSON 文档 比较 类 似 。 下 
面 是 一 个 XML 文档 ,代码 如 下 ， 


<? xml version = "1.0" encoding= "utf 一 8"?> 
< stulist> 
< student email = "zhangsan@1. com"> 
<name > 张 三 </name> 
<id>1</id> 
< comment > 沙发 </comment > 
</student > 
< student email = "lisi@2. com"> 
<name> 李 四 </name> 
<id>2</id> 
< comment > 板 使 </comment > 
</student > 
</stulist> 


然后 新 建 一 个 9-9. html 的 文档 ,并 使 用 $. getQ 〇 ) 方 法 载 入 9-9. xml, 代 码 如 下 : 


function Ajax(){ // 对 9-4.html 中 的 Ajax( ) 函 数 进行 修改 ,得 到 9 一 9. html 
$ .get("9—9.xml"); 
} 


这 样 就 使 用 $. get() 方 法 加 载 了 这 个 XML 文件 。 但 是 当 单 击 按钮 时 ,我 们 看 不 到 任 
何 效果 。 这 是 因为 XML 文档 像 JSON 文档 一 样 ,加载 了 之 后 并 不 能 直接 被 浏览 器 解析 。 


1. 加 载 并 显示 XML 文档 中 的 单条 数据 


为 了 能 在 页 面 上 显示 9-9. xml 文档 中 的 内 容 , 需 要 用 回调 函数 对 XML 文档 中 的 数据 
进行 适当 处 理 , 才 能 显示 在 页 面 上 。 因 此 , $. get() 方 法 通常 还 需要 一 个 回调 函数 作为 它 的 
另 一 个 参数 。 这 个 参数 是 当 加 载 完 成 时 调用 的 函数 。 将 上 述 代码 改写 如 下 : 
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function Rjax(){ // 对 9-4.html 中 的 Ajax() 函 数 进行 修改 ,得 到 9 一 9.html 
$ .get("9—9.xml", function(data) { 
$ ("#target"). html( $ (data). find("name").eq(0). text()); 
$ ("#target").append( $ (data). find("student").attr("email")); 
D); } 


运行 9-9. html, 当 单 击 按钮 后 ,就 加 载 了 9-9. xml 文档 中 的 部 分 数据 ,如 图 9-15 所 示 。 

说 明 : 

(1) 处 理 加 载 完 成 的 XML 文档 和 处 理 JSON 文档 有 些 相 似 ,但 最 大 的 不 同 在 于 : 
XML 文档 可 看 成 是 一 个 元 素 ( 如 9-9. xml 的 < stulist >…</student >) ,因此 回调 函数 的 
data 参数 中 保存 的 也 就 是 stulist 元 素 ,XML 元 素 和 HTML 元 素 一 样 ,可 以 将 其 放置 在 
$() 中 转换 成 一 个 jQuery 对 象 。 因 此 $ (data) 是 一 个 jQuery 对 象 , 相 当 于 $ ("stulist") 。 

(2) 处 理 XML 文档 中 的 节点 和 处 理 HTML 文档 的 节点 一 样 , 可 以 利用 JavaScript 或 
jQuery 的 DOM 遍历 方法 ,因为 DOM 模型 本 来 就 是 用 于 遍历 XML 文档 的 ,例如 find()、 
filter() 及 attr() 等 方法 。 

(3) 本 例 中 通过 $ (data). find("name") 可 获取 到 所 有 < name > 标记 的 元 素 组 成 的 集 
合 , 对 它 加 eq(0) 就 获取 到 了 第 一 个 < name > 标记 的 元 素 , 再 通过 text() 方 法 就 获取 到 了 该 
元 素 中 的 文本 内 容 。 而 $ (data). find("student") 可 获取 所 有 < student > 标记 的 元 素 组 成 的 
集合 ,由 于 attr("email") 方 法 可 以 获取 元 素 集合 中 第 一 个 元 素 的 属性 值 ,因此 就 不 需要 在 该 集 
合 后 加 eq(0) 了 。 可 见 ,findO 〇 方法 可 搜索 指定 元 素 的 所 有 后 代 元 素 , 而 不 局 限于 子 元 素 。 


2. 加 载 并 显示 XML 文档 中 的 所 有 数据 
如 果 要 输出 XML 文档 中 的 所 有 数据 ,同样 可 以 利用 循环 语句 或 $. each() 方 法 。 例 如 ， 


function Ajax(){ // 将 9-4.html 中 的 Ajax() 函数 进行 修改 
$ .get("9—9.xml", function(data) { 
$ ("#target"). html("< table />"); // 在 #target 中 创建 一 个 table 元素 


$ (data). find("student"). each(function(){ 
var tr="<tr><td>"+ $ (this).find("name"). text()+"</td>" 
tr+="<td>"+ $ (this).attr("email")+"</td>" 
tr+= "<td>"+ $ (this).find("comment"). text()+"</td></tr>" 
$ ("table").attr({"border": 1, "cellpadding": 4}).append(tr); 
}) D); 3. 


单 击 9-9. html 中 的 按钮 后 ,运行 结果 如 图 9-16 所 示 , 可 看 到 XML 文档 中 的 数据 按照 
我 们 指定 的 格式 输出 了 ,也 就 是 说 使 用 XML 可 实现 数据 和 表现 分 离 。 


习 过 入 xmL 文 档 - Wicrasas [= 


文件 四 | 


Ajax 提交 
地 址 名) 周 http://localhost | 


张 三 |zhangsan81. com | 沙发 
李 四 |1isi@2. com 板 赏 


图 9-15 ”加载 XML 文档 中 的 数据 图 9-16 遍历 载 人 XML 文档 中 的 所 有 数据 
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3. 加 载 动 态 生 成 的 XML 文档 


如 果 用 PHP 文件 动态 生成 XML 文档 , 则 同样 可 用 $. get() 方 法 加 载 生成 的 XML 文 
档 。 这 在 实际 中 很 常用 ,因为 有 时 需要 将 数据 库 中 的 数据 转换 成 XML 数据 。 下 面 是 一 个 
生成 XML 文档 的 PHP 程序 9-10. php。 


<? header('Content - type:text/xml'); 

echo "<?xml version = '1.0'encoding = 'GB2312' ?>\n" ; 

echo '<comments>'; 

include('. . /chapter10/conn. php'); 

$result= $ conn 一 > query("Select * From lyb limit 4 "); 

while( $ row= $ result 一 > fetch_assoc()){ ?> 
< comment id = "<? = $ row[ 'ID']?>"> 
<title><? = $ row[ 'title']?></title> 
< content ><? = $ row[ 'content']?></content > 
<author ><? = $ row[ 'author']?></author > 
</comment > 

< 1} 

$ result ->close(); ?> 

</comments> 


说 明 : 

(1) 9-10. php 中 ,页 面 文件 的 编码 类 型 一 定 要 与 XML 文件 头 中 encoding 属性 中 的 编 
码 类 型 相同 。 

(2) 如 果 要 测试 9-10. php 输出 的 XML 文档 是 否 正 确 , 最 好 每 次 在 URL 后 手工 加 个 不 
同 的 URL 字符 串 ,如 http://localhost/9-10. php?n=5, 这 样 可 防止 IE 从 缓存 中 取 XML 
文档 。 

加 载 9-10. php 的 文件 9-10. html 的 代码 如 下 ,运行 结果 如 图 9-17 所 示 。 


function Ajax(){ // 将 9-4.html 中 的 Ajax() 函 数 进行 修改 ,得 到 9 - 10. html 
$ .get("9 - 10.php"，function(data) { 
$ ("# target"). html("< table />"); 
$ ("table").attr({"border": 1,"cellpadding" :4}); 
$ (data). find("comment").each(function(){ 
var tr= "<tr><td>"+ $ (this). find("title"). text() + "</td>" 
tr+="<td>"+ $ (this).find("author"). text() +"</td>" 
tr+="<td>"+ $ (this).find("content"). text() + "</td></tr>" 
$ ("table").append(tr); 
D); 
D2 3 


4. 制作 天 气 预报 程序 


使 用 RSS 可 以 在 各 个 网 站 之 间 共 享 数据 ,这 是 因为 RSS 是 一 个 XML 文件 ,其 他 网 站 
只 要 用 Ajax 技术 加 载 某 个 网 站 提供 的 RSS 文件 就 可 以 共享 该 网 站 的 数据 。 而 过 去 的 方法 
通常 是 使 用 < iframe > 标记 将 某 个 网 站 的 页 面 嵌 入 到 自己 网 站 中 ,但 这 样 的 缺点 是 页 面 和 数 
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忆 赤 入 AS? 生 成 的 TI 文档 - Wicreseft Internet ERRESEE 
文件 四 编辑 到 ) 查看 轴 。 收 意 @) 工具 和 帮助 0) | 链接 
瑚 二 加 | 图 http://1ocalhost/ guestbook/9-10. htal 


视 大 家 开 胡 积 分 | 非常 感谢 大 家 的 帮助 
虚心 请 教 个 问题 | 唐三彩 | 虚拟 目录 中 的 文件 如 何 预览 
这 是 测试 留言 “| 唐 四 薪 | 你 看 到 我 的 留言 了 吗 
第 五 条 留言 妥 编 程 


9-17 载 人 PHP 程序 生成 的 XML 文档 


据 无 法 分 离 ,也 就 无 法 按 自己 网 页 的 风格 显示 其 他 网 页 中 的 数据 。 

目前 ,有 些 网 站 提供 了 天 气 预报 信息 的 RSS 数据 源 ,我 们 找到 以 下 网 址 : http:// 
weather. raychou. com/? /detail/57777/rss, 在 浏览 器 中 输入 该 网 址 就 可 以 看 到 如 图 9-18 
所 示 的 关于 “衡山 天 气 预报 ”的 RSS 文件 ,我 们 只 要 在 自己 的 网 页 中 用 Ajax 技术 加 载 该 
XML 文档 ,再 显示 需要 的 内 容 就 可 以 调用 天 气 预报 了 。 


到 http: //reather raychou com/?/detail/STITI/rss ~ Wicreseeel ree iE 
上 文件 四 ”编辑 四 查看 中 收藏) 工具 CD) 帮助 
WE) | http: /weather raychou com/?/detail/5TTTT/rss 7] 


<?yml version="1.0" encoding="UTF-8" ?> 到 
- <rss version="2.0"> 
- <channel> 
<title> 衡 山 天 气 预报 </title> 
<Iink>http://weather.raychou.com</link> 
<description> 免 费 RSS 天 气 预报 </description> 
<language>zh-cn</language> 
<pubDate>Sat, 16 Jul 2011 19:42:55 +0800</pubDate> 
<category>weather</category> 
<item> 
<title>2011 年 7 月 16 日 星期 六 </title> 
<Ink>http;/ /weather.raychou.com/?/detail/57777</INk> 
<description> 阴 转 多云 25'C~31C 北 风 微 网 </description> 
<pubDate>Sat, 16 Jul 2011 19:42:55 +0800</pubDate> 
<guid ispermaLink="false">57777-20110716</guid> 
</item> 


图 9-18 ”提供 衡山 天 气 预 报 的 RSS 文件 


具体 制作 步骤 是 使 用 $. getO 〇 方法 载 入 图 9-18 中 的 RSS 文件 ,然后 在 回调 函数 中 获取 
该 RSS 文件 中 的 channel 元 素 下 的 title 元 素 的 内 容 ,item 元 素 下 的 title 和 description 元 
素 的 内 容 ,并 显示 在 页 面 的 相应 元 素 中 。 代 码 如 下 ,运行 效果 如 图 9-19 所 示 。 


< Script> 
function Ajax(){  // 对 9-4.html 中 的 Ajax() 函 数 进行 修改 
$ .get("http://weather. raychou. com/?/detail/57777/rss", 
function(data) { 
$ ("#date").append( $ (data). find("item").eq(0).find("title"). text()); 
$ ("#weather").append( $ (data). find("item").eq(0).find("description"). text()); 
$ ("#city").html( $ (data). find("channel").children("title"). text()); 
D);} 

</script> 

< input type = "button" value = "查询 天 气 " onclick = "Ajax();" /> 

<h3 id= "city"></h3 ><p id= "date"> 日 期 :</p><p id= "weather"> 天 气 :</p> 
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当然 ,还 可 以 设计 一 个 下 拉 框 ,让 用 户 自己 选择 城市 进行 查询 ,只 要 知道 这 些 城市 对 应 
的 RSS 文件 的 URL 地 址 就 可 以 了 。 代 码 如 下 ,运行 效果 如 图 9-20 gy 


function Ajax(){ // 对 9 一 4.html 中 的 Ajax() 函 数 进行 修改 
$ .get("http://weather. raychou. com/?/detail/"+ $ ("#sel").val() +"/rss", 
function(data) { 
$ ("#date").html( $ (data). find("item").eq(0).find("title"). text()); 
$ ("#weather"). html( $ (data). find("item").eq(0). find("description"). text()); 
$ ("#city").html( $ (data).find("channel").children("title"). text()); 
1); } 
旅游 景点 :< select id = "sel" onchange = "Ajax();"> 
< option value = "0"> 请 选择 旅游 景点 </option > 
< option value = "57777"> 衡 山 </option > 
< option value = "57771"> 韶 山 </option ><! -- 韶山 的 RSs 文件 URL 对 应 57771 -- > 
</select> 
<h3 id= "city"></h3 ><p id= "date"></p><p id = "weather"></p> 


马 和 入 天 气 预 报 的 SS 文档 二 ES 


| 文件 中 编辑 FE) 查看 W) 收 ” 局 
呈 奸 国贸 http://1ocalhost/sjwx2139-95 辐 | 二 圈 http:mlocakestysja2h| 汉 | 


旅游 景点 ，[ 癌 山 司 


衡山 天 气 预报 | 韶山 天 气 预报 


日 期 ，2011 年 ?月 16 日 星期 六 2011 年 7 月 16 日 星期 六 
天 气 ， 阴 转 多 云 25C~31'C 北 风 微风 国 多 云 转 阵雨 24.C~30'C 北 风 微 风 副 | 


图 9-19 载 人 天 气 预报 的 RSS 图 9-20 ”提供 下 拉 框 选择 的 载 人 RSS 


说 明 : data 参数 中 保存 的 是 XML 文档 的 根 元 素 rss 元 素 , 因 此 可 以 用 $ (data) 将 这 个 
DOM 元 素 转换 成 jQuery 对 象 。 要 找 rss 元 素 的 后 代 元 素 使 用 find() 方 法 即 可 。 但 TSS 
元 素 下 有 多 个 item 元 素 , 要 获得 第 一 个 item 元 素 就 要 在 其 后 添加 eq(0) ,而 要 找 channel 元 
素 的 子 元 素 title 只 能 用 children() 方 法 ,而 不 能 用 find() 方 法 ,因为 find() 方 法 会 把 所 有 后 
代 元 素 ( 包 括 孙 元 素 ) 都 获取 进来 。 


9.2.6 各 种 数据 格式 的 优 缺 点 分 析 


使 用 Ajax 技术 可 以 载 人 HTML JSON .JavaScript 和 XML 等 各 种 数据 格式 的 文档 ， 
那么 如 何 选择 载 入 文档 的 格式 呢 ? 这 需要 考虑 以 下 几 条 原则 : 在 不 需要 与 其 他 应 用 程序 
共享 数据 的 时 候 , 使 用 HTML 片段 来 提供 返回 数据 一 般 来 说 是 最 简单 的 ; @ 如 果 数 据 需 要 
重用 , 则 JSON 文件 是 不 错 的 选择 , 它 在 性 能 和 文件 大 小 方面 具有 明显 的 优势 ; @ 当 远程 应 
用 程序 未 知 时 ,XML 文档 是 明智 的 选择 ,因为 它 是 Web 服务 领域 的 “通用 语言 ”。 

当然 ,具体 选择 哪 种 数据 格式 ,并 没有 严格 的 规定 ,我 们 可 以 根据 需求 来 选择 最 合适 的 
返回 格式 来 进行 开发 。 

JSON 文件 的 结构 使 它 可 以 方便 地 重用 。 而 且 , 它 非常 简洁 ,也 容易 阅读 。 这 种 数据 结 
构 必 须 通 过 遍历 来 提取 相关 信息 ,然后 再 将 信息 呈现 在 页 面 上 。 本 书 接 下 来 的 程序 大 多 采 
用 JSON 格式 数据 。 

提示 : 加 载 HTML 格式 数据 后 ,回调 函数 的 参数 data 中 保存 的 是 一 个 字符 串 , 加 载 
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JSON 数据 后 ,回调 函数 的 参数 data 中 保存 的 通常 是 一 个 数组 ,加 载 XML 文档 后 ,回调 函 
数 的 参数 data 中 保存 的 是 一 个 XML 元 素 (XML 文档 的 根 元 素 ) 。 


@.3 发 送 数据 给 服务 器 
2 


在 9.2 节 中 ,我 们 主要 从 服务 器 上 取得 服务 器 端的 各 种 数据 文件 。 然 而 , Ajax 技术 通 
常 还 需要 发 送 数据 给 服务 器 ,例如 在 表单 中 输入 查询 数据 ,就 需要 将 这 些 查 询 数 据 异步 发 送 
给 服务 器 进行 查询 ,然后 服务 器 再 异步 返回 查询 结果 。 实 际 上 ,上 节 介 绍 的 方法 只 要 经 过 修 
改 之 后 (主要 是 设置 这 些 方法 的 data 参数 ) ,就 能 实现 浏览 器 与 服务 器 间 的 双向 数据 传送 。 


9.3.1 使 用 $ .get() 方 法 执行 GET 请 求 


在 9.2.4 节 中 ,我 们 使 用 $. get() 方 法 请 求 载 人 远程 页 面 , 实 际 上 ,如 果 使 用 $. get() 
方法 的 data 参数 , 则 该 方法 就 还 能 发 送 数据 给 远程 页 面 。$. get() 方 法 的 完整 结构 如 下 : 


$ .get( URL [，data] [, callback] [，type] ) 
如 果 省 略 了 中 间 某 个 参数 ,该 参数 后 面 的 逗号 也 可 省 略 。 各 参数 的 说 明 见 表 9-3。 
表 9-3 $.get() 方 法 的 参数 解释 


参数 名 称 | 类 型 说 明 
URL String 请 求 的 远程 文件 的 URL 地 址 
data( 可 选 ) Object 发 送 给 服务 器 的 key: value 数据 
callback( 可 选 ) Function | 回调 函数 , 载 人 成 功 后 会 执行 该 函数 中 的 代码 
type( 可 选 ) String 服务 器 端 返回 内 容 的 格式 ,可 以 是 html json、xml\script jsonp \text 等 
例如 : 


$ .get("9—11.php", {user: "tang",comment: "Hello"}); 


就 会 将 user 和 comment 两 个 变量 和 值 以 GET 方式 发 送 给 9-11. php。 它 等 价 于 : 


$ .get("9 - 11.php?user = tang&comment = Hello"}); 


显然 ,9-11. php 可 以 使 用 $_GETD] 集 合 获取 这 两 个 变量 的 值 。 

发 送 数据 给 服务 器 的 目的 ,通常 是 为 了 让 服务 器 根据 发 送 的 数据 进行 查询 以 便 返 回 特 
定 的 内 容 给 浏览 器 ,浏览 器 为 了 载 人 服务 器 返回 的 内 容 就 需 使 用 回调 函数 。 因 此 ,发 送 数据 
给 服务 器 还 需要 设置 $. get() 方 法 的 第 三 个 参数 (回调 函数 ) 来 接收 服务 器 返回 的 内 容 。 


1. 发 送 表单 中 的 数据 给 服务 器 


在 Ajax 应 用 中 ,发 送 数据 给 服务 器 通常 是 发 送 用 户 在 表单 中 填写 的 数据 给 服务 器 。 下 
面 是 一 个 例子 ,将 用 户 输入 的 评论 通过 $. get() 方 法 发 送 给 服务 器 。 


function Ajax(){ 


$ .get("9—11.php", // 第 一 个 参数 ,请 求 文件 的 URL 
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{user: $ (" 井 user").val(),comment: $ ("#comment").val()}, 
// 第 二 个 参数 ,发 送 给 服务 器 的 数据 
function(data){ // 第 三 个 参数 ,回调 函数 ,在 请 求 完成 后 执行 
$ ("# target").append(data); 
D); 
} 
<p> 姓 名 :< input type = "text" id="user" /></p> 
<p> 评 论 :< textarea id="comment" cols = "20" rows = "2"></textarea></p> 
< input type = "button" value = "Ajax 提交 "onclick = "Rjax();”/> 
<div id= "target"></div> 


说 明 : 

(1) 9-11. html 中 的 $. get() 方 法 与 9-9. html 中 的 $. get() 方 法 相 比 ,主要 是 增加 了 
data 参数 ,用 于 向 服务 器 发 送 数据 。data 参数 必须 是 一 个 形 如 {keyl: vall, key2: val2,…} 
的 JSON 对 象 。 

(2) $(" 井 user").val() 可 以 获取 ID 为 user 的 表单 元 素 的 value 属性 值 。 由 于 这 些 表 
和 ;ce 0 方法 发 关 下 大 二 | 单元 素 不 需要 用 传统 方式 提交 ,因此 可 以 不 设置 name 属 
文件 四 编辑 加 查看 四 7 性 ,也 可 以 不 要 < form > 标记 。 
二 让 D | 状 hs /ecutost/ siwo/o-t1.+ 本 | (3) $ .get() 方 法 除了 使 用 data 参数 发 送 数据 给 服 
姓名 ， bang | 务 器 外 ,也 可 以 使 用 传统 的 URL 字符 串 的 方式 发 送 。 因 
二 ery vell! 此 ,9-11. html 中 的 $. get(…); 语句 可 改写 为 : 

评论 ， 


"gcomment = "+ $ ('#comment'). val(), 
function(data){*…}); 


9-11. php 可 以 用 $ _GET 集合 获取 9-11. html 用 
$.get() 方 法 发 送 来 的 数据 。 代 码 如 下 ,运行 9-11. 
html, 结 果 如 图 9-21 所 示 。 


图 9-21 $.get() 方 法 发 送 数据 


二 一 一 一 一 一 一 天 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清 章 9- 到:5DD 一 = 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 
<? header("Content— type: text/html; charset = gb2312"); 

$user= $_GET[ 'user']; 

$ comment = $ _GET[ 'comment']; 

echo "< h3 > 评论 人 :". $ user. "</h3>"; 

echo "<p> 内 容 :". $ comment. "</p>";?> 


2. 对 表单 中 数据 进行 编码 和 解码 


上 述 程序 有 个 缺陷 ,就 是 用 户 只 能 在 表单 中 输入 英文 字符 ,如 果 输 入 的 是 中 文字 符 , 那 
么 服务 器 接收 到 的 信息 将 会 是 乱码 。 为 了 解决 这 个 问题 ,需要 在 使 用 $. get() 方 法 发 送 数 
据 之 前 , 先 用 escape 方 法 对 信息 进行 编码 ,而 服务 器 端 获取 了 数据 之 后 ,再 用 unescape 方法 
进行 解码 。 将 9-11. html 中 $$. get() 方 法 的 data 参数 修改 如 下 : 


{user:escape( $ ("#user").val()),comment:escape( $ ("#comment").val())}, 


再 将 9-11. php 的 代码 修改 如 下 , 则 运行 效果 如 图 9-22 所 示 。 
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<? header("Content— type: text/html; charset = gb2312"); 
$ user = unescape( $ _GET[ 'user']); 
$ comment = unescape( $ _GET[ ‘comment']); 
echo "<h3> 评 论 人 :". $ user. "</h3>"; 
echo "<p> 内 容 :". $ comment. "</p>"; 
function unescape( $ str) { // 定 义 unescape() 函 数 
$ str = rawurldecode( $ str); 
preg match all("/%u.{4}|gamp; #x.{4};|&amp;#d+;|. +/U", $ str, $ r); 
$ar = $r[0]; 
foreach( $aras $k=>$v){ 
if(substr( $v,0,2) == "$%u") 
$ar[ $k] = iconv("UCS— 2","GBK", pack("H4", substr( $ v, — 4))); 
elseif(substr( $v,0,3) == "&amp;#x") 
$ar[ $k] = iconv("UCS— 2","GBK",pack("H4", substr( $v,3, -1))); 
elseif(substr( $v,0,2) == "&amp;#") 
$ar[ $k] = iconv("UCS— 2","GBK",pack("n", substr( $v,2, -1))); } 
return join("", $ ar); 
?> 


由 于 接 下 来 很 多 程序 都 要 使 用 unescape() 解 码 函 数 , 我 们 将 该 函数 的 定义 保存 在 一 个 
公用 文件 conn. php 中 ,其 他 程序 要 使 用 该 函数 ,只 要 包含 conn. php 即 可 。 

(1) escape() 方 法 会 将 参数 中 的 字符 串 编 码 成 Unicode 格式 的 字符 串 , 例 如 "学 习 
Ajax” 将 被 编码 成 “%D1%A7%CF%BOAjax”, 使 它们 能 在 所 有 计算 机 上 可 读 , 而 unescape() 方 
法 又 会 将 Unicode 格式 的 字符 串 转 换 回 原来 的 字符 串 。 

(2) 在 Ajax 中 ,虽然 GET 方式 发 送 数据 仍然 是 将 数据 作为 URL 地 址 的 参数 发 送 ,但 
由 于 页 面 不 会 刷新 ,所 以 URL 地 址 栏 中 并 不 会 显示 这 些 URL 参数 。 这 是 GET 在 Ajax 中 
作为 异步 请 求 方 式 与 传统 GET 方式 请 求 的 明显 区 别 。 


3, 接收 JSON 格式 的 数据 


在 9-11.php 中 ,也 可 以 输出 JSON 格式 数据 给 客户 
端 , 这 样 传输 的 就 是 纯粹 的 数据 ,以 便 9-11. html 对 这 些 数 
据 设 置 特 定 的 格式 。 代 码 如 下 ,运行 结果 如 图 9-22 所 示 。 


习 $. <et 0 方法 发 送 数 磊 “W220 


文件 四 ”编辑 EE) 查看 人 
号 证 加 | 贸 http://1ocalhost/ajax2/9-11. | 


姓名 , 随 几 区 习 
<? //9-11-3.php 假 恰 快 1 加 
header("Content - type: text/html; charset = gb2312"); 评论 : 到 
$ user = unescape( $ _GET[ ‘user']); 
$ comment = unescape( $ _GET[ 'comment'] ); | 
echo "{ user: '". $user."', comment:'". $ comment."'}"; y 
// 输出 JSON 格式 数据 A A 
?> 内 容 ， 暑 假 愉 
9-11. html 文件 的 代码 可 修改 如 下 : 图 9-22 对 信息 进行 编码 后 的 效果 


function Ajax(){ //9—-11-3.html 
$ .get("9—11-3.php", 
{user:escape( $ ("#user").val()),comment:escape( $ ("#comment").val())}, 
function(data){ // 第 三 个 参数 ,回调 函数 ,在 请 求 完成 后 执行 
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var html = "<h3> 评 论 人 :"+ data.user+ "</h3><p> 内 容 :" + data. comment + "</p>"; 
$ ("#target").append(html); 
},"json"); ”// 第 四 个 参数 ,设置 服务 器 返回 内 容 的 格式 
I! 


注意 9-11-3. html 设置 了 $. get() 的 第 四 个 参数 , 即 设置 服务 器 返回 的 内 容 格式 为 
"json" ,这 是 必要 的 。 如 果 不 设置 ,服务 器 返回 的 内 容 默认 是 字符 串 形 式 , 那 就 需要 先 将 
JSON 字符 串 转换 成 JSON 对 象 , 即 需要 在 “var html 一 …? 语 句 之 前 添加 一 句 : 


data=eval("(" +data+")"); 


提示 : 如 果 $. get() 方 法 的 第 四 个 参数 设置 为 "json", 则 它 等 价 于 $. getJSON(URL[, data] 
[,callback]) 方 法 ,如 果 $.get() 方 法 的 第 四 个 参数 设置 为 "script", 则 它 等 价 于 $. 
getScript(URL[ ,data]j[L ,callback]) 方 法 。 这 两 个 方法 = 人 |x| 
实际 上 也 可 以 设置 data 参数 向 服务 器 发 送 数 据 。 


当 $.cet 0 方法 发 送 数据 = ESEEE 关 辣 癌 


文件 中 ”编辑 于) 查看 人 出 ”| 链接 居 
吐 证 国贸 http://1ocalhost/sjax2/9-12 nt 加 


i 。 关 于 加 强 教学 避 导 的 通知 。” 汪 
4. 发 送 超 链接 中 的 数据 给 服务 器 人 
时 需要 将 超 链 容 发 送 给 , Si i 
有 时 需要 将 超 链接 中 的 内 容 发 送 给 服务 器 ,服务 器 | ,月 工作 要 扣 的 通知 - 


再 据 此 返回 不 同 的 结果 。 下 面 是 一 个 通过 $. get() 方 
法 实现 的 例子 。 代 码 如 下 ,运行 效果 如 图 9-23 所 示 。 ”图 9-23 发 送 a 元 素 中 的 内 容 给 服务 器 


< Script> 
$ (document). ready(function() { 
$('#news a').click(function() { 
$ .get("9—12.php", {'title': escape( $ (this). text())},function(data){ 
$ ("#target").append(data); 
DD); 
return false; // 使 单 击 超 链 接 不 发 生 跳 转 
1);}); 
</script > 
<ul id= "news"> 
<1i><a href = "9-12.php?id= 1"> 关 于 加 强 教学 督导 的 通知 </a></1i> 
<1i><a href ="9-12.php?id= 2"> 关 于 中 层 干部 会 议 的 通知 </a> </1i> 
<1i><ahref= "9-12.php?id= 3"> 关 于 收集 月 工作 要 点 的 通知 </a> </1i> 
</ul> 
<div id= "target"></div> 
一 一 二 一 一 一 一 二 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清音 9 -3122p==-=======<==~=~s=~ eSas 
<? header("Content— type: text/html; charset = gb2312"); 
$title= unescape( $ _GET[ 'title']); 
echo $ title. '<br>';?> 


通过 上 述 实 例 不 难看 出 , $. get() 方 法 主要 是 依靠 URL、data、callback 参数 完成 与 服 
务 器 交互 的 (发 送 和 接收 数据 ) ,各 参数 的 作用 如 图 9-24 所 示 。 


9.3.2 使 用 $ .post() 方 法 执行 POST 请 求 
$ .post() 方 法 用 来 以 POST 方式 向 服务 器 发 送 数 据 。$. post() 方 法 的 参数 .选项 及 
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请 求 文件 的 URL 发 送 给 服务 器 的 数据 
一 -2 一 -一 一 一 4 一 一 


$.get("9-11.php", ‘{keyl:vall, key2:val2,...», 


'$("#target").append(data); 


Laser J:appenc da) 3 
D); 对 服务 器 返回 的 数据 进行 处 理 的 代码 
图 9-24 $$. get() 方 法 各 个 参数 的 功能 示意 图 
使 用 方法 与 $. get() 完 全 相同 ,其 语法 如 下 : 


$ .post( URL [, data] [, callback] [, type] ) 


GET 方式 和 POST 方式 在 发 送 数据 时 的 差异 如 下 : 

(1) GET 请 求 会 将 参数 跟 在 URL 后 进行 传递 ,而 POST 请 求 则 是 作为 HTTP 消息 的 实 
体内 容 发 送 给 Web 服务 器 。 当 然 ,在 Ajax 请 求 中 ,用 户 看 不 到 这 种 区 别 (因为 页 面 未 刷新 ) 。 

(2) GET 方式 对 传输 的 数据 有 大 小 限制 ,通常 不 能 超过 2KB, 而 使 用 POST 方式 传递 
的 数据 量 要 比 GET 方式 大 得 多 ,理论 上 没有 限制 。 

(3) GET 方式 请 求 的 数据 会 被 浏览 器 缓存 起 来 ,因此 其 他 人 就 可 以 从 浏览 器 的 历史 记 
录 中 读 取 这 些 数据 ,如 账号 和 密码 等 ,在 某 些 情 况 下 ,GET 方式 会 带 来 严重 的 安全 问题 ,而 
POST 方式 请 求 的 数据 不 会 被 浏览 器 缓存 ,不 存在 上 述 安全 问题 。 

(4) 通过 GET 方式 和 POST 方式 传递 给 服务 器 端的 数据 ,服务 器 端 需 要 采用 不 同 的 方 
式 获 取 , 对 于 ASP 来 说 ,GET 方式 发 送 的 数据 可 以 用 $_GET 数组 获取 ,而 POST 方式 发 
送 的 数据 就 要 用 $_POST 数组 获取 ,当然 ,两 种 方式 都 可 以 用 $_REQUEST 数组 来 获取 。 
此 可 见 ,GET 方式 和 POST 方式 有 显著 区 别 , 虽 然 普通 用 户 可 能 感觉 不 到 这 些 区 别 。 

下 面 使 用 $$. post 方法 改写 9. 3. 1 节 中 的 程序 9-11. html 和 9-11. php。 其 运行 结果 见 
图 9-21 。 


机 2 二 人 1 
function Ajax(){ // 对 9-11.html 中 的 Ajax() 函 数 进行 修改 ,得 到 9- 13. html 
$ .post("9- 13.php"，  // 第 一 个 参数 ,请 求 文件 的 URL 
{user: $ ("#user").val(),comment: $ (" 井 comment").val()}， // 第 二 个 参数 ,发 送 给 服务 
// 器 的 数据 
function(data){ // 第 三 个 参数 ,回调 函数 , 在 请 求 完成 后 执行 
$ ("#target").append(data); 


<? header("Content— type: text/html; charset = gb2312"); 
$ user = unescape( $ _POST[ ‘user']); 
$ comment = unescape( $ _POST[ 'comment'] ) 
echo "< h3 > 评论 人 :". $ user. "</h3>"; 
echo "<p> 内 容 :". $ comment. "</p>"; ?> 


可 见 ,9-13. html 只 是 将 9-11. html 中 $. get() 换 成 了 $. post(),9-13. php 只 是 将 
9-11. php 中 $_GET 换 成 了 $_POST ,就 实现 了 发 送 和 获取 post 方式 的 数据 。 
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9.3.3 使 用 load() 方 法 发 送 请 求 数据 


实际 上 ,load() 方 法 也 可 以 发 送 数 据 给 服务 器 。 如 果 load() 方 法 在 载 人 HTML 文档 
时 ,URL 后 带 有 参数 , 则 这 些 参数 将 采用 GET 方式 或 POST 方式 传递 给 服务 器 。 默 认 是 采用 
GET 方式 传递 数据 ,但 如 果 load() 方 法 带 有 data 参数 ( 形 如 {keyl: vall ，key2: val2,…)), 则 
带 有 的 参数 会 采用 POST 方式 传递 ,而 URL 参数 总 是 以 GET 方式 传递 。 例 如 

function Ajax(){ // 对 9-4.html 中 的 Ajax( ) 函数 进行 修改 ,得 到 9 一 14.html 


$ ("#target").load("9--14.php?user= 张 三 &comment = 很 好 ", {nick:"rain", age:22}) 
} 


9-14. php 文件 的 内 容 如 下 ,9-14. html 运行 效果 如 图 9-25 所 示 。 


本 请 有 二 ED 
<? “header("Content - type: text/html; charset = gb2312"); 

$ user = unescape( $ _GET[ 'user']); //URL 字符 串 中 的 数据 采用 GET 方式 传递 

$ comment = unescape( $ _GET[ 'comment '] ); 

$ nick = unescape( $ _POST[ ‘nick']); //data 参数 中 的 数据 默认 采用 POST 方式 传递 
echo "< h3 > 评论 人 :". $user, "</h3>"; 

echo "<p> 内 容 :". $ comment. "</p>"; 

echo "<p> 签 名 :". $ nick. "</p>";?> 


说 明 : 
(1) 该 程序 使 用 了 URL 字符 串 和 data 参数 两 
种 方法 向 服务 器 发 送 数 据 ,但 对 于 Ajax 异步 方式 发 


习 1。。.d 方 法 传递 参数 - Microsoft IAA 


文件 四 编 各 中 查看) 收藏 >| 钴 接 | 避 
地 址 四 ) | 弹 http /ocahost/sj2/9-14 htm S| 


送 数据 来 说 ,由 于 单 击 按钮 后 页 面 没有 刷新 :因此 | 于 / 本 

URL 字符 申 并 不 会 显示 在 地 址 栏 中 。 Fe 人 和 
(2) 对 于 Get 方式 传送 的 数据 ,要 用 $_GET 获 “| 内 容 , 很 好 在 地 址 栏 中 

取 , 对 于 Post 方式 传送 的 数据 ,要 用 $_POST 获取 ， | 签名 ，rain 国 


获取 了 数据 之 后 ,9-14. php 输出 的 HTML 代码 会 自 
动 被 载 人 到 # target 元 素 中 。 

load() 方 法 发 送 的 数据 也 可 来 自 于 表单 。 下 面 使 用 load() 方 法 来 改写 9-13. html。 代 
码 如 下 : 


图 9-25 用 1load() 方 法 传递 参数 给 服务 器 


function Rjax(){ // 用 load() 方 法 改写 9 - 13. html 
$ ("# target"). load("9 — 13.php", 
{user:escape( $ ("#user").val()),comment:escape( $ ("#comment").val())}) 
// 发 送 表 单数 据 
上 


上 例 表示 用 load() 方 法 载 和 人 9-13. php ,并 向 9-13. php 发 送 一 些 来 自 表 单 的 JSON 格式 
数据 。 


9.3.4 使 用 $ .ajax() 方 法 设置 Ajax 的 细节 
使 用 load()、$. get() 或 $. post() 方 法 可 以 完成 绝 大 多 数 常规 的 Ajax 程序 功能 。 但 
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如 果 要 使 Ajax 程序 能 控制 错误 和 很 多 交互 的 细节 ,那么 就 要 用 到 $ . ajax() 方 法 。 

$ .ajax() 是 jQuery 中 最 底层 的 Ajax 实现 ,前面 用 到 的 load()、$. get()、$ .post() 等 
方法 ,都 是 基于 $. ajax() 方 法 构造 的 ,因此 用 $. ajax() 方 法 可 以 代替 上 述 所 有 这 些 方法 。 

$.ajax() 除 了 能 实现 上 述 方法 的 功能 外 ,还 可 以 设 定 beforeSend error、success 以 及 
complete 的 回调 函数 。 通 过 这 些 回调 函数 ,可 以 给 用 户 更 多 的 Ajax 提示 信息 。 另 外 ,还 有 
一 些 参数 ,可 以 设置 Ajax 请 求 的 超时 时 间或 者 页 面 的 “最 后 更 改 ” 状 态 等 。 

$ .ajax() 方 法 只 有 一 个 参数 , 它 的 语法 为 : 


$ .ajax(options) 
参数 options 中 包含 了 该 方法 所 需要 的 请 求 设置 以 及 回调 函数 等 信息 。options 参数 中 


的 数据 是 JSON 格式 的 数据 , 均 以 key: value 的 形式 存在 , 它 的 所 有 数据 都 是 可 选 的 。 
例如 ,下 面 的 代码 可 代替 $. getScript() 方 法 , 它 的 作用 等 价 于 * $. getScript('9-8. js'); ”。 


$ .ajax({ 
type: "GET", // 设 置 请 求 方式 
Vl "9=03Ia", // 设 置 请 求 的 URL 
dataType: "script" // 设 置 返回 数据 的 类 型 ,最 后 一 个 数据 后 面 没 有 "," 


}) 


从 上 例 并 不 能 看 出 $. ajax(options) 比 其 他 方法 有 什么 优势 。 实 际 上 ,使 用 $. ajax() 
方法 是 为 了 使 用 该 方法 中 的 多 个 回调 函数 ,如 使 用 beforeSend 的 回调 函数 在 正在 载 入 服务 
器 端 内 容 时 提示 用 户 “ 正 在 载 人 ”, 以 防止 用 户 在 等 待 时 不 知 所 措 ,这 比 让 用 户 对 着 白 屏 要 好 
得 多 。 

下 面 是 一 个 例子 ,运行 结果 如 图 9-26 和 图 9-27 所 示 。 


Sm 清单 9 15.iil-======。“==<=。==<<=5====2= 
function Ajax(){ // 对 9-11.html 中 的 Ajax() 函 数 进行 修改 ,得 到 9 - 15. html 
$ .ajax({ 
type: "GET", 
Wl 
data: "user =" +escape( $ ("#user").val()) + "gcomment = " + escape( $ ("#comment"). 
val()), 
beforeSend: function( ){ // 发 送 请 求 之 前 
$ ("#target").html("< img src = 'loading.gif' /><br> 正 在 载 信 …");}， 
error:function(){$("#target").html("<p> 载 人 失败 </p>");}， 
success: function(data){ // 请 求 成 功 时 
$ ("#target"). html(data); } 


一- 一 一 -一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清单 9 一 15. php 一 -一 -一 -一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 
<? header("Content— type: text/html; charset = gb2312"); 

$ user = unescape( $ _GET[ ‘user']); 

$ comment = unescape( $ _GET[ 'comment '] ); 

for( $1i=1;$i<10000000; $ it+); // 用 于 延 时 ,以 看 到 正在 载 入 的 图 标 

echo "< h3 > 评论 人 :". $ user. "</h3>"; 

echo "<p> 内 容 :". $ comment. "</p>"; 

> 
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当 $. Ajsz 0 方法 的 事件 应 用 上 二 阿 [j 玉 3 当 $. kj az 0 方法 的 事件 应 用 上 0 


文件 四 编辑 中 查看 WW ”链接 | 品 
地 址 @) [外 | htty Zecalhostyajax279-11 un 司 地 址 四 ) [名 http://1localhost/ajax2/9-11. Nt 司 


说 明 : 


<| 


评论 : 
评论 人 : 糖 儿 飞 
内 容 ， 功 能 太 全 面 了 


图 9-26 正在 载 人 时 图 9-27 载 入 完成 后 


(1) $.ajax() 方 法 的 data 参数 可 以 接受 两 种 类 型 的 数据 ,除了 上 面 这 种 "keyl = 
vall &key2 一 val2" 形 式 外 ,还 可 以 是 JSON 格式 , 即 9-15. html 中 的 data 参数 可 改 为 : 


data: {user: escape( $ ("#user").val()),comment: escape( $ ("#comment").val())}, 


(2) load()、$. get()、$ .post() 方 法 都 只 能 有 一 个 回调 函数 ,在 请 求 完 成 时 执行 的 ,而 
$ .ajax() 方 法 可 以 有 多 个 回调 函数 ,这 些 回调 函数 前 加 了 beforeSend, 表 示 发 送 请 求 之 前 
调用 的 回调 函数 ,加 success, 表 示 请 求 成 功 时 调用 的 回调 函数 。 

$ .ajax() 方 法 中 可 以 用 到 的 回调 函数 如 表 9-4 所 示 。 


回调 函数 


表 9-4 $.ajax() 方 法 中 的 参数 说 明 
说 明 


beforeSend 


发 送 请 求 之 前 调用 的 回调 函数 ,该 函数 接受 一 个 唯一 的 参数 , 即 XMLHttpRequest 对 象 作 
为 参数 


success 


在 请 求 成 功 时 调用 的 回调 函数 ,该 函数 接受 两 个 参数 ,第 一 个 参数 为 服务 器 返回 的 数据 
data, 第 二 个 参数 为 服务 器 的 状态 textStatus 


error 


请 求 失败 时 调用 的 回调 函数 ,该 函数 可 接受 三 个 参数 ,第 一 个 参数 为 XMLHttpRequest 对 
象 ,第 二 个 参数 为 相关 的 错误 信息 textStatus, 第 三 个 参数 可 选 ,表示 错误 类 型 的 字符 串 


dataFilter 


对 Ajax 返回 的 原始 数据 进行 预 处 理 的 函数 。 提 供 data 和 type 两 个 参数 : data 是 Ajax 返 
回 的 原始 数据 ,type 是 调用 $ .ajax() 时 提供 的 dataType 参数 。 函 数 返 回 的 值 将 由 jQuery 
进一步 处 理 , 并 且 必 须 返 回 新 的 数据 (可 能 已 改变 ) ,以 传人 success 回调 函数 


complete 


请 求 完成 时 调用 的 回调 函数 (无 论 请 求 是 成 功 还 是 失败 ), 如 果 同 时 设置 了 success 或 
error, 则 在 它们 执行 完 之 后 才 执行 complete 中 的 回调 函数 


9.3.5 全 局 设 定 Ajax 


当 一 个 页 面 中 有 多 个 地 方 都 需要 利用 $. ajax() 方 法 进行 异步 通信 时 ,如 果 对 每 个 
$. ajax() 方 法 都 设置 它 的 细节 将 有 些 麻 烦 。 这 时 可 以 直接 利用 $. ajaxSetup(options) 方 法 
统一 设 定 所 有 $. ajax() 方 法 中 的 参数 , 它 的 options 参数 与 $. ajax(Coptions) 中 的 完全 相 
同 ,例如 可 以 对 9-15. html 中 的 $. ajax() 参 数 中 的 相同 部 分 进行 统一 设置 ,代码 如 下 : 
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ee 清音 9 一 15= 2 hin- 
$ .ajaxSetup({ // 统 一 设置 $ .ajax() 方 法 中 的 相同 部 分 
type: "GET"， 
beforeSend:function(){ $ ("# target"). html("< img src = 'loading. gif' />< br > 正在 载 人 人 
pe 
error:function(){$ ("#target").html("<p> 载 人 失败 </p>");}, 
Success: function(data){ // 第 三 个 参数 ,回调 函数 ,在 请 求 完 成 后 执行 
$ ("#target"). html(data); } 
Ds; 
function Ajax(){ 
$ .ajax({ 
data: {user:escape( $ ("#user").val()),comment:escape( $ ("#comment").val())}, 
url: "9 一 15.php” 
]) } 


说 明 : 

(1) $.ajax() 方 法 中 的 data 数据 一 般 不 能 用 $ . ajaxSetup(options) 方 法 统一 设 定 , 因 
为 传送 给 服务 器 的 数据 是 用 户 在 表单 中 输入 的 ,每 次 都 不 同 ,而 $. ajaxSetup(options) 方 法 
只 会 在 页 面 初始 化 时 运行 一 次 ,此 时 用 户 还 没有 输入 数据 ,因此 会 获取 不 到 。 

(2) $. ajaxSetup(options) 方 法 不 能 对 load() 方 法 进行 设置 ,如 果 对 $. post() 方 法 设 
置 请 求 类 型 type 为 "GET" ,也 不 会 改变 $. post() 采 用 POST 方式 发 送 。 


@.4 ”表单 的 序列 化 方法 


我 们 经 常 使 用 表单 向 服务 器 提交 数据 ,例如 注册 、 登 录 等 。 传 统 的 方法 是 将 表单 提交 到 
另 一 个 页 面 ,整个 浏览 器 就 会 被 刷新 。 而 使 用 Ajax 技术 则 能 够 异步 地 提交 表单 ,并 将 服务 
器 返回 的 数据 显示 在 当前 页 面 中 。 

在 表单 中 输入 框 较 少 的 情况 下 ,可 以 通过 “ 键 : 值 ?对 参数 向 服务 器 端 发 送 数据 ,例如 9-11. 
html 中 的 这 段 代码 的 第 三 行 : 


function Ajax(){ 


$ .get("9—11.php", // 第 一 个 参数 ,请 求 文件 的 URL 
{user: $ ("#user").val(),comment: $ (" 井 comment").val()}， 
function(data){ // 第 三 个 参数 ,回调 函数 ,在 请 求 完成 后 执行 


$ ("#target").append(data); 
1D); } 


可 以 看 到 由 于 只 需 提 交 两 个 表单 元 素 的 数据 ,因此 data 参数 的 内 容 {user: $("# 
user"). val() ,comment: $$(" 井 comment"). val()} 较 短 , 但 如 果 表 单 中 有 10 个 输入 框 , 那 
么 data 参数 中 的 内 容 将 会 非常 多 。 因 此 ,上 面 这 种 方式 在 只 有 少量 字段 的 表单 中 ,还 可 以 
使 用 ,一 旦 表单 中 的 元 素 非 常 多 , 则 这 种 方式 在 代码 元 余 的 同时 也 会 使 对 表单 的 操作 缺乏 灵 

1. serialize() 方 法 


jQuery 为 获取 表单 中 所 有 数据 这 种 常用 的 操作 提供 了 一 个 简化 的 方法 一 一 serialize()。 
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serialize() 方 法 将 创建 一 个 以 标准 URL 编码 方式 表示 的 文本 字符 串 并 返回 该 字符 串 , 在 
Ajax 请 求 中 可 将 该 字符 串 发 送 给 服务 器 。 通 过 使 用 serialize() 方 法 ,可 以 把 9-11. html 改 
写 为 ， 


function Ajax(){ 


$ .get("9—11-2.php", // 第 一 个 参数 ,请 求 文件 的 URL 
$ ("#forml"). serialize(), // 第 二 个 参数 ,发 送 给 服务 器 的 数据 
function(data){ // 第 三 个 参数 ,回调 函数 ,在 请 求 完 成 后 执行 


$ ("#target").append(data); 
D); } 
<form id= "forml"> <! -- 必须 添加 form 标记 一 -> 
<p> 姓 名 :< input type = "text" name = "user" /></p> <! -- 必须 添加 name 属性 --> 
<p> 评 论 :< textarea name = "comment" cols = "20" rows = "2"></textarea></p> 
< input type = "button" value = "Ajax 提交 "onclick = "Ajax();" /></form> 
<div id= "target"></div> 


说 明 : 
(1) serialize() 方 法 通常 用 来 获取 某 个 form 元 素 内 所 有 表单 元 素 的 name/value 属性 
值 ,因此 必须 添加 一 对 < form > 标记 ,将 需要 序列 化 的 表单 元 素 包含 起 来 。 并 且 该 元 素 必 须 
是 < form >, 如 果 将 上 述 代 码 中 的 < form > 改 成 < div > 等 其 他 元 素 就 不 行 了 。 
ze 0 订 列 化 于 二 下 和 (2) serialize() 方 法 必须 通过 元 素 的 name 属性 才能 


获取 到 元 素 的 value 值 , 因 此 必须 把 表单 中 每 个 表单 域 
rp 的 id 属性 改 为 name 属性 。 


人 因此 ,如 果 在 文本 框 中 输入 了 姓名 “tang” 和 评论 
评论 ， 司 “Hello”, 则 $(" 井 forml"). serialize() 方 法 会 将 这 些 内 
| 服务 器 返回 的 内 容 容 序列 化 为 “user== tang&comment 二 Hello”。 运 行 结果 
(Ey 如 图 9-28 所 示 。 
内 容 ，Hello 实际 上 ,serialize() 方 法 可 作用 于 任何 jQuery 对 象 ， 
图 9-28 ”serialize() 方 法 序列 化 表 “所 以 不 光 只 有 form 元 素 能 使 用 它 , 其 他 选择 器 选取 的 元 
单 后 提交 数据 素 也 能 使 用 它 , 例 如 下 面 的 jQuery 代码 : 


$ (":checkbox, :radio"). serialize()); 


这 将 把 页 面 中 所 有 被 选中 的 复 选 框 和 单 选 框 的 值 序列 化 为 URL 字符 串 形式 。 

提示 : serialize() 方 法 会 自动 对 表单 中 的 内 容 采 用 encodeURIComponent() 方 法 进行 编 
码 , 该 方法 是 针对 UTF-8 文档 的 编码 方式 。 因 此 如 果 当 前 页 面 是 GB2312 格式 编码 , 则 在 
表单 中 输入 中 文 内 容 后 ,服务 器 端 页 面 获取 的 将 是 乱码 。 为 了 解决 这 个 问题 ,可 以 修改 
jQuery 的 源 文件 ,找到 jquery. min. js 下 面 的 代码 : 


if(a. constructor == Array| |a. jquery) jQuery. each(a, function( ) {s. push ( encodeURIComponent 
(this. name) +" = "+ encodeURIComponent (this. value));}); 


将 两 处 “encodeURIComponent” 都 修改 成 “escape” 即 可 。 
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2. serializeArray() 方 法 


serializeArray() 方 法 和 serialize() 方 法 用 法 类 似 。 唯 一 区 别 在 于 该 方法 不 是 返回 字符 
串 ,而 是 将 一 组 表单 元 素 编码 为 一 个 名 称 和 值 的 JSON 对 象 数 组 ( 形 如 [{keyl1: vall，key2: 
val2}, {keyl: val3, key2: val4} ])。 
于 服务 器 端 页 面 既 可 接收 URL 编码 方式 的 字符 
串 , 也 可 接收 JSON 格式 的 数据 ,因此 ,要 使 9-17. html 
发 送 给 服务 器 的 数据 转换 为 JSON 格式 ,只 需 将 $("# 
forml"). serialize() 改 为 $$(" 井 forml"). serializeArray() 即 
可 ,其 他 地 方 及 服务 器 接收 页 都 无 需 做 任何 更 改 。 评论 ， 
因为 serializeArray() 方 法 返回 的 是 JSON 格式 的 “| 古 还 到 
数组 ,因此 如 果 想 在 客户 端 对 用 户 在 表单 中 输入 的 数 | er: 糖 儿 飞 
据 进行 提取 再 按 指定 格式 显示 的 话 ,使 用 该 方法 会 比 【someeat 很 好 中 
较 方便 。 下 面 是 一 个 例子 , 它 使 用 $. each() 方 法 对 图 9-29 输出 serializeArray() 方 法 
serializeArray() 返 回 的 数据 进行 循环 输出 ,运行 结果 如 返回 的 数据 
图 9-29 所 示 。 


function Ajax(){ 
var data= $ ("#forml")., serializeArray(); // 序 列 化 表单 为 json 数组 
$ .each(data, function(i, item) { 
$ (" 间 target").append(item. name + ”: "+ item.value+ "< br>"); // 按 指定 格式 显示 数据 
D); } 


说 明 : serialize() 方 法 和 serializeArray() 方 法 是 表单 序列 化 的 方法 ,可 以 用 在 任何 客户 
端 程序 中 ,而 不 仅 是 Ajax 程序 。 例 如 上 例 就 和 本 章 讨论 的 Ajax 技术 没有 任何 关系 了 。 


3，$ .param() 方 法 


$. param() 方 法 是 实现 serialize( ) 方 法 的 核心 , 它 用 来 对 一 个 数组 或 对 象 按照 “ 键 : 
值 ? 对 进行 序列 化 。 例 如 将 一 个 JSON 对 象 序列 化 。 代 码 如 下 : 


$ (function( ){ 


var obj = {a:1,b:2,c:3}; // obj 是 一 个 JSON 对 象 
vark = $.param(obj); 
alert(k) // 输出 a=1&b=2&c=3 


]) 


可 见 它 能 够 将 serializeArray() 方 法 返回 的 JSON 数据 转换 为 serialize() 方 法 返回 的 数据 。 


6.5 使 用 JSONP 发 送 跨 域 Ajax 请 求 


JSONP 是 JSON with Padding 的 缩写 , 它 是 一 个 非 官方 的 协议 ,允许 在 服务 器 端 集成 
< script > 标记 返回 至 客户 端 ,通过 JavaScript callback 的 形式 实现 跨 域 访问 (这 仅仅 是 


308 ”PHP web 程 序 设计 与 Ajax 技术 (第 2 版 ) 
JSONP 简单 的 实现 形式 ) 。 

在 9.1.4 节 中 提 到 ,XMLHttpRequest 对 象 出 于 安全 性 考虑 ,不 能 发 送 跨 域 的 请 求 。 但 
是 ,利用 < script > 标记 是 可 以 载 人 路 域 的 js 文档 的 ,因为 该 标记 的 src 属性 中 的 URL 可 以 
是 绝对 URL。 下 面 是 一 段 加 载 外 部 网 站 js 脚本 的 代码 。 


< Script> 
function callback(data) { 
alert(data. message);} 
</script > 
< script src = "http://yoursite.cn/test. js"></script> <! -- 载 人 外 部 js 文件 ,必须 放 在 下 面 --> 
i 注 革 /youve cul tent i 
callback( {message:"success"}); 


运行 9-18. html, 将 弹出 内 容 为 “success” 的 消息 框 。 上 述 代 码 就 是 JSONP 的 简单 实现 
模式 ,或 者 说 是 JSONP 的 原型 。 其 过 程 是 : 客户 端 页 面 创 建 一 个 回调 函数 ,然后 在 远程 服 
务 器 页 面 调用 这 个 函数 并 且 将 JSON 格式 的 数据 作为 函数 的 参数 ,客户 端 页 面 通过 < script > 
标记 调用 远程 js 文档 就 可 以 获取 其 中 的 json 数据 ,完成 回调 。 

一 般 情况 下 ,不 希望 在 页 面 载 入 时 就 调用 外 部 js 文档 ( 即 发 送 跨 域 请 求 ) ,而 是 希望 在 
某 些 事件 触发 (如 单 击 按钮 ) 时 才 发 送 跨 域 请 求 。 为 此 ,可 以 通过 动态 创建 < script > 标记 来 
加 载 外 部 js 文档 。 利 用 jQuery 在 文档 中 插入 < script > 标记 是 非常 简单 的 ,例如 : 


$ (document. createElement( 'script')).attr( 'src', 'http://outer. cn/test. js').appendTo( 'head'); 


由 于 JSON 代码 本 质 上 也 是 JavaScript 代码 ,因此 也 可 以 用 这 种 方法 加 载 外 部 JSON 
文档 。 但 是 ,这 需要 对 服务 器 端 输 出 的 JSON 代码 稍 加 修改 。 在 实现 这 一 技术 的 众多 方案 
中 ,jQuery 提供 了 对 JSONP 的 直接 支持 ,jQuery 可 通过 JSONP 来 实现 跨 域 请 求 。 

JSONP 格式 是 把 标准 的 JSON 代码 包含 在 一 对 小 括号 内 ,并 在 小 括号 前 放置 了 一 个 任 
意 字符 串 。 例 如 : callback({message: "success")), 其 中 “callback” 即 是 所 谓 的 POPadding， 
填充 ), 它 由 请 求 数据 的 客户 端 来 决定 。 而 且 , 由 于 JSON 数据 外 有 一 对 小 括号 ,因此 返回 的 
数据 在 客户 端 会 导致 一 次 函数 调用 执行 ,或 者 是 为 某 个 变量 赋值 ,这 取决 于 客户 端 请 求 中 发 
送 的 填充 字符 串 。 

在 jQuery 中 ,通常 使 用 $. getJSON 或 $. ajax() 方 法 来 发 送 JSONP 请 求 ,下 面 是 一 个 
例子 。 运 行 该 程序 ,会 获取 远程 页 面 中 生成 的 JSON 数据 ,并 显示 在 文本 域 中 。 


< script src = "jquery. min. js"></script > 

<script> 

function do_jsonp() { 
$ .getJSON("http://yoursite. cn/9 - 19. php?callback = ?"); 

} 

function demo(data){  // 该 函数 名 必须 与 JSONP 代码 中 的 函数 名 一 致 
$ ('#result').val( 'My name is: ' + data.name); 

</script > 

<a href = "javascript:do jsonp();">Click me</a><br /> 
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< textarea id= "result" cols= "40" rows= "3"></textarea> 


人 清单 http:y/Youesite.cn/9 一 19.Dhp 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 
<? header("Content - type: text/html; charset = gb2312"); 
$ strJsonp = "demo( {name:'alonely', age:24,email:['Ycplxl1314@163. com'，'Ycplxl11314@gmail. 
com'], family: {parents:[ ' 父 亲 ', ' 母 亲 '], toString:function(){return ' 家 庭 成 员 ';}}})"; 

echo $ strJsonp; // 输 出 JSONP 格式 代码 


?> 


说 明 : 

(1) 在 9-19. html 中 , 当 单 击 超 链接 ,就 会 执行 do_jsonp() 函数 ,该 函数 使 用 $. 
getJSON( ) 发 送 跨 域 请 求 ,调用 服务 器 执行 9-19. php 生成 的 JSONP 格式 代码 。 

(2) 使 用 JSONP 格式 时 ,应 该 在 请 求 的 URL 之 后 添加 “? callback 一 ?”, 其 中 callback 
将 作为 回调 函数 。 这 样 $. getJSON() 方 法 才 会 用 JSONP 方式 去 访问 服务 端 ,将 用 户 在 客 
户 端 定义 的 回调 函数 的 函数 名 (demo) 传 送 给 服务 端 , 服 务 端 则 会 返回 用 户 定 义 的 回调 函数 
名 的 方法 ,将 获取 的 JSON 数据 传人 这 个 方法 完成 回调 。 

(3) callback 后 的 问号 表示 内 部 自动 生成 的 回调 函数 名 。 这 个 函数 名 可 以 用 浏览 器 
debug 一 下 看 ,例如 jQuery1720748177 形式 。 如 果 想 自己 指定 回调 函数 名 , 则 只 能 使 用 $ 
ajax() 方 法 实现 ,例如 : 


$ .ajax( {url:"http://ec. hynu. cn/test - 2. php", dataType:"jsonp", jsonpCallback:"person" }) 


其 中 ,jsonpCallback 选项 用 来 指定 专门 的 回调 函数 名 person, 这样 远 程 服务 接受 
callback 参数 的 值 就 不 青 是 自动 生成 的 回调 函数 名 ,而 是 person,dataType 选项 用 来 指定 按 
照 JSONP 方式 访问 远程 服务 。 

JSONP 是 构建 Mashup 的 强大 技术 (Mashup 即 梳 合 , 指 将 两 种 以 上 使 用 公共 或 者 私有 
数据 库 的 Web 应 用 ,次 合 在 一 起 ,形成 一 个 整体 应 用 ) ,但 JSONP 是 一 种 脚本 注入 (Script 
Injection) 行 为 ,要 特别 注意 其 安全 性 。 


习题 
一 、 选 择 题 
1. 下 面 不 是 jQuery 用 于 实现 Ajax 技术 的 方法 是 ( 和 
A. $.1load() B. $.get() C. $.post() D. $.ajax() 


2. 关于 jQuery 中 的 $. get() 方 法 和 get() 方 法 ,下 面 说 法 中 正确 的 是 ( Ys 
A. $.get() 方 法 可 简写 成 get() 方 法 
B.$. get() 方 法 最 多 可 带 4 个 参数 
C.$. get() 方 法 是 某 个 jQuery 对 象 的 方法 
D. get() 方 法 按照 GET 方式 发 送 数据 
3. 当 Ajax 程序 正在 载 人 服务 器 端 传 来 的 数据 时 ,如 果 要 在 目标 元 素 中 显示 “正在 载 
入 ”之 类 的 提示 信息 ,应 使 用 $. ajax() 函 数 的 ( ) 事 件 。 


A. beforeSend B. success C. error D. complete 
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4. 如 果 要 将 用 户 在 表单 中 输入 的 信息 异步 提交 给 服务 器 , 则 在 $. ajaxSetup() 方 法 不 
能 设置 (  )。 
A. type B. data C. url D. beforeSend 
5. 在 Ajax 技术 中 ,如 果 要 对 服务 器 返回 的 数据 进行 处 理 , 必 须 将 处 理 代 码 写 在 ( 波 
A. open 方法 中 B. send 参数 中 C. 回调 函数 中 D. load 方法 中 


二 、 填空 题 

1. 使 用 Ajax 技术 发 送 中 文字 符 给 服务 器 时 ,需要 在 客户 端 用 方法 对 中 文 进 
行 编码 ,服务 器 收 到 后 ,用 方法 进行 解码 (假设 网 页 编码 方式 为 GB2312) 。 

2. XMLHttpRequest 对 象 在 传输 数据 时 ,采用 的 默认 编码 方式 是 8 

三 、 问 答题 


1. $$. get() 方 法 以 URL 字符 串 的 形式 发 送 数据 给 服务 器 ,因此 在 发 送 数据 时 浏览 器 
地 址 栏 中 可 看 到 提交 的 URL 查询 字符 串 ,这 种 说 法 对 吗 ? 为 什么 ? 
. 在 Ajax 程序 中 ,要 避免 IE 从 浏览 器 缓存 中 取 网 页 有 哪 几 种 常用 的 方法 ? 
. 使 用 Ajax 技术 后 不 需要 表单 就 能 发 送 数据 给 服务 器 吗 ? 
. 如 果 要 在 网 页 中 载 人 百度 首页 中 的 搜索 框 ,使 用 Ajax 技术 该 如 何 编写 代码 ? 
. 如 果 使 用 $. get() 方 法 获得 服务 器 端 传 来 的 JSON 对 象 ,有 哪 两 种 方法 ? 
. 生成 JSON 字符 串 时 ,去 除 最 后 一 条 记录 后 的 逗号 ”,” 有 哪 几 种 方法 ? 
四 、 编 程 题 
编写 程序 ,在 网 页 上 放置 一 个 文本 框 ,在 文本 框 中 显示 表 中 title 字段 的 值 。 当 用 户 修 
改 了 文本 框 中 的 值 , 并 离开 文本 框 时 (文本 框 失去 焦点 ) ,将 新 的 值 保存 到 title 字段 中 去 。 


中 上 oo 


Ajax 方式 访问 数据 库 | 


Web 应 用 程序 只 有 和 数据 库 进 行 交 互 才能 体现 出 其 强大 的 功能 ,如 果 再 配合 Ajax 技 
术 则 能 设计 出 更 加 友好 的 交互 效果 。 通 过 Ajax 方式 访问 数据 库 , 可 以 在 静态 页 面 上 载 人 数 
据 库 中 的 数据 ,也 可 以 在 页 面 无 刷新 的 情况 下 查询 数据 库 并 更 新 显示 查询 结果 等 。 


(10.1 Ajax 方式 显示 数据 


我 们 知道 ,如 果 用 Ajax 程序 去 加 载 一 个 动态 页 ,加 载 的 实际 上 是 这 个 动态 页 执行 完毕 
后 生成 的 静态 HTML 代码 字符 串 。 如 果 这 个 动态 页 能 显示 数据 表 中 的 数据 , 则 用 Ajax 程 
序 载 人 该 动态 页 也 就 能 显示 数据 表 中 的 数据 了 。 


10.1.1 以 原 有 格式 显示 数据 


使 用 Ajax 程序 显示 数据 表 中 数据 的 思路 是 : 首先 制作 一 个 显示 数据 表 中 数据 的 动态 
页 面 (10-1. php) ,该 页 面 的 代码 类 似 于 5-2. php, 唯 一 区 别 是 代码 中 没有 < html >、< body > 
等 标记 ,因为 它 要 被 加 载 到 别 的 页 面 中 。 


一 清单 10 一 下 大 本 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 ”= 一 
<?header("Content - type: text/html; charset = gb2312"); 
include( 'conn. php'); // 用 mysqli 方式 连接 数据 库 ,代码 在 5.6.2 节 的 conn. php 中 


$result= $ conn 一 > query("Select * From lyb limit 4 "); 
while( $ row= $ result ~-> fetch assoc()){ 

echo "<tr><td>". $ row[ 'title']. "</td>"; 

echo "<td>". $ row[ 'content']. "</td>"; 

echo " <td>". $ row[ 'author']. "</td>"; 

echo " <td>". $ row[ 'email']. "</td>"; 

echo "<td>". $ row[ 'ip']."</td></tr >"; 
}?> 


然后 制作 静态 页 面 10-1. html, 在 该 页 面 中 放置 一 个 容器 元 素 (# disp) ,编写 Ajax 程序 
将 动态 页 面 10-1. php 载 入 到 该 容器 中 即 可 。10-1. html 的 运行 效果 如 图 10-1 所 示 。 


一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清单 10 一 1. html ---------------------------- 
< script src = "jquery. min. js"></script > 
<script> 


$ (function(){ // 页 面 载 人 时 执行 
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$ .get("10—1.php", function(data){ 
$ ("#disp").append(data); 
// alert(data); // 仅 作 测试 ,看 服务 器 端 数据 是 否 已 传 来 
});}) 
</script> 
<h2 align = "center"> 以 Ajax 方式 显示 数据 </h2> 
<table border = "1" width= "100% "><tbody id= "disp"> ”<! -- 载 人 到 该 容器 里 --> 
< tr bgcolor = "#e0e0e0"> 
< th > 标题 </th> < th> 内 容 </th> <th> 作 者 </th> 
<th> email </th> <th> 来 自 </th> 
</tr></tbody></table> 


ax 方式 昱 示 - t Internet Explorer E 
文件 外 Er 查看 WD 收 襄 &) 工具 I) 帮助 0 
丰 赴 @@ | 入 http://1ocalhost/php/ chapter10/10-1. htnl 本 


以 Ajax 方式 显示 数据 


标题 内 容 | 作者 email 来 自 
请教 个 问题 ”| 虚拟 目录 中 的 文件 如 何 预 览 唐三彩 [renw8aqq. com |127. 0.0.1 
第 五 条 留言 | 在 古巴 比 伦 的 大 草原 上 志 lyuxh8sohu. com [127. 0.0.1 
这 是 测试 留言 | 你 看 到 我 的 留言 了 吗 阿 斯 顿 [alipay@tom. com|127. 0. 0.1 


股 大 家 开心 “ 腓 常 感谢 大 家 的 关心 芬 苏 [fensf8163. com |54.44.4.4 司 


10-1 以 Ajax 方式 显示 数据 的 执行 结果 


说 明 

(1) 上 述 程序 中 $. get() 方 法 也 可 以 改 为 $. post() 或 load() 等 其 他 Ajax 方法 。 

(2) 10-1. php 中 既 能 使 用 echo 输出 < tr >< td > 标记 ,也 能 写成 <tr ><td ><? 王 $row 
[Li'title']?></td > 的 形式 。 由 于 在 IE 6 的 DOM 模型 中 < table > 标记 是 只 读 的 ,因此 只 能 向 
tbody 元 素 添加 内 容 , 而 不 能 向 < table > 中 添加 内 容 , 所 以 本 例 中 容器 元 素 disp 只 能 为 
tbody。 


10.1.2 以 自 定义 的 格式 显示 数据 


10.1.1 节 中 只 能 按 动态 页 面 中 固定 的 表格 形式 显示 数据 , 即 数据 和 数据 的 显示 形式 
(如 表格 ) 没 有 分 离 。 假 如 想 在 静态 页 面 中 对 接收 到 的 数据 按 指定 的 格式 输出 的 话 , 有 以 下 
两 种 方法 : 

(1) 返回 JSON 格式 的 字符 串 , 将 JSON 数据 以 需要 的 格式 显示 。 

(2) 输出 用 某 个 特殊 字符 分 隔 的 字符 串 ,在 客户 端 用 split() 方 法 切 分 获取 的 数据 ,然后 
将 这 些 数据 以 需要 的 格式 显示 。 


1. 输出 和 获取 JSON 格式 数据 
为 了 让 数据 和 表格 相 分 离 ,在 服务 器 端 可 以 只 输出 纯 JSON 格式 数据 ,而 不 输出 表格 标 
记 。 代 码 如 下 : 


<?header("Content — type: text/html; charset = gb2312"); 
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include( 'conn. php'); 
$result= $ conn 一 > query("Select * From lyb limit 4 "); 
echo '['; 
$i=0; 
while( $ row= $result 一 > fetch assoc()){ ?> <! 一 -不 能 添加 HTML 注释 ,运行 前 请 删除 -- > 
{title:"<? = $row['title'] ?>", 
content: "<? = $ row[ 'content'] ?>", 
author:"<? = $ row[ 'author'] ?>", 
email:"<?= $row['email'] ?>", 
ip:"<?= $row['ip’] ?>"} 
<?if( $ result 一 > num_rows!= ++ $ i) echo ','; // 如 果 不 是 最 后 一 条 记录 
} 


echo ']'?> 

如 果 直 接 运 行 10-2. php, 将 输出 如 下 形式 的 json 字符 串 : 

[ {title:" 祝 大 家 开心 "，content:" 非 常 感谢 大 家 的 帮助 "，author:" 胡 积分 "，email:"xta(@ tonm. 
com"，ip:"202.103.56.6"} ,…，{title:" 虚 心 请 教 个 问题 "，content:" 虚 拟 目 录 中 的 文件 如 何 预 


览 "，author:" 唐 三 彩 "，email:"renren@qq. com", ip:"127.0.0.1"}] 


然后 制作 客户 端 页 面 10-2. html, 将 获取 的 服务 器 端 JSON 数据 先进 行 处 理 后 再 加 载 到 


页 面 的 井 disp 元 素 中 。10-2. html 的 运行 结果 类 似 于 图 10-1 ,但 email 一 列 中 字体 为 红色 。 
----------------------------- 一 清单 10 - 2, html ---------------------------- 
$ (function(){ // 修 改 10- 1.html 的 该 函数 ,得 到 10 - 2. html 


$ .getJSON("10 - 2, php", function(data) { 
$ .each(data, function(i, item) { // 循 环 输出 JSON 数据 到 表格 行 
var tr = "<tr><td>" + item.title + "</td><td>" + item.content + "</td><td>" 
+ item.author + "</td><td style = 'color:red>" + item.email + "</td><td>" + item.ip + 
"</td></tr>"; 
$ ("#disp").append(tr); 
}); 
1D);}) 


可 以 看 到 ,由 于 JSON 数据 已 经 独立 ,因此 可 以 很 容易 地 将 email 这 一 列 数据 的 字体 颜 
色 设 置 为 红色 。 也 就 是 可 自 定义 这 些 数据 的 显示 格式 了 。 另 外 .上 面 的 $. geUJSON() 方 法 
也 可 替换 成 $. get() 方 法 ,但 要 设置 $. get() 方 法 的 type 参数 为 ""json"”。 


2. 按 指定 的 特殊 字符 串 格式 输出 一 条 记录 


服务 器 端 也 可 以 在 一 条 记录 的 每 个 字段 之 间 摊 入 一 个 特殊 字符 作为 分 隔 符 。 然 后 客户 端 
使 用 split() 函数 按 照 分 隔 符 切 分 该 字符 串 得 到 一 个 数组 , 则 数组 中 每 个 元 素 就 是 一 个 字段 值 。 
这 样 也 能 将 数据 进行 分 离 。10-3. php 将 一 条 记录 的 各 个 字段 用 “1” 分隔 开 ,代码 如 下 : 


一 一 一- 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清单 10 - 3. php --------------------------- 一 
<?header("Content - type: text/html; charset = gb2312") 

include( 'conn. php'); 

$result= $conn—>query("Select * From lyb limit 4 "); 

$row= $ result 一 > fetch assoc(); 
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$ str = implode( '|', $ row); // 将 数组 各 元 素 用 "| "连接 起 来 
echo $ str; // 输 出 用 "| "分 隔 的 特殊 字符 串 
?> 


注意 : 字符 串 分 割 符 不 要 使 用 “@”*.”“,” 等 文本 中 可 能 会 出 现 的 符号 ,一 般 用 “|” 或 
“$ ”比较 保险 。 

接 下 来 制作 一 个 静态 页 面 10-3. html, 用 Ajax 程序 获取 10-3. php 输出 的 字符 串 ,这样 
回调 函数 的 参数 data 中 保存 的 就 是 个 字符 串 ， 加 以 时 data. split("|") 分 割 该 字符 串 得 到 一 
个 数组 , 则 每 个 数组 元 素 中 就 保存 了 一 个 字段 值 。 运 行 10-3. html 的 结果 如 图 10-2 所 示 。 


=----------------------------- 一 清单 10 - 3. html --------------------------- 
$ (function(){ // 修 改 10 - 1. html 的 该 函数 ,得 到 10 - 3. html 
$ .get("10— 3.php"，function(data) { 
str = data. split("|"); // 分 割 获取 到 的 字符 串 
vartr = "<tr><td>" + str[1]+ "</td><td>" + str[2] + "</td><td>" + str[3] 
+ "</td>< td style= 'color:red>" + str[4] + "</td><td>" + str[5] + "</td></tr>"; 
$ ("#disp").append(tr); 


恒 分 割 一 条 记录 中 的 数 括 - soft Internet Explorer 


分 割 显示 一 条 记录 中 的 数据 2 经 字体 


标题 “| 两 LE E | 
清 教 个 问题 虚拟 目录 中 的 文件 如 何 预 视 唐三彩 [renw@aaq com 5 0. 品 1 国 


图 10-2 分 割 显示 一 条 记录 中 的 数据 


3. 按 指定 的 特殊 字符 串 格式 输出 所 有 记录 


如 果 要 对 数据 表 中 每 条 记录 和 每 个 字段 值 进行 分 隔 , 则 需要 两 种 分 隔 符 , 本 例 用 $ " 作 
为 分 隔 符 将 每 条 记录 分 隔 开 , 再 用 “| ?将 一 条 记录 中 的 各 个 字段 分 隔 开 。 代 码 如 下 : 


<?header("Content ~ type: text/html; charset = gb2312"); 
include( 'conn. php') 
$ result = $ conn 一 > query("Select * From lyb limit 4 "); 


$i=0; 
while( $ row = $ result -> fetch assoc()){ 
$ str= $ str. implode('|', $ row); // 将 数组 各 元 素 用 "1" 连 接 起 来 
if( $result —>num rows!= ++ $ i) 
Fatee 全 SEE 人 // 如 果 不 是 最 后 一 条 记录 
} 
echo $ str; // 输 出 用 " $ "分 隔 的 特殊 字符 串 
?> 


直接 运行 该 程序 ,将 得 到 如 下 的 字符 串 : 
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祝 大 家 开心 | 非常 感谢 大 家 的 帮助 | 胡 积 分 |xta@tom. com|202. 103.56.6$ 虚心 请 教 个 问题 | 虚拟 目 
录 中 的 文件 如 何 预 览 | 唐三彩 |renren@qq. com|127.0.0.1$ 第 五 条 留言 | 喜欢 学 习 Ajax 吗 | 爱 编程 | 
shifan(@163. com|127.0.0.1 


接 下 来 用 Ajax 程序 获取 10-4. php 输出 的 字符 串 ,然后 用 data. split(" $") 将 每 条 记录 
分 隔 开 ,再 用 tstr[ 订 . split("|") 将 记录 中 的 每 个 字段 分 割 开 ,分 别 放 在 不 同 的 单元 格 中 。 代 
码 如 下 ,运行 结果 类 似 于 图 10-1 ,但 每 条 记录 的 email 字段 值 将 以 红色 显示 。 


$ (function(){ // 修 改 10 - 1.html 中 的 该 函数 ,得 到 10 - 4. html 
$ .get("10— 4.php", function(data) { 
tstr = data. split(" $ "); 
for (i in tstr){ 
str= tstr[i]. split("|"); 
vartr = "<tr><td>" + str[0]+ "</td><td>" + str[1] + "</td><td style = 
'color:red>" + str[2] + "</td><td>" + str[3] + "</td><td>" + str[4] + "</td></tr>"; 
$ ("#disp").append(tr); 
}); 
}) 


总 之 ,输出 JSON 格式 数据 或 输出 特殊 字符 串 的 方法 都 可 以 使 结果 集中 的 各 个 数据 分 
离 ,只 要 将 这 些 数据 以 不 同 的 形式 显示 就 能 取得 各 种 不 同 的 效果 。 

提示 : 为 了 减少 服务 器 与 浏览 器 之 间 传 输 的 数据 量 ,Ajax 技术 建议 服务 器 端 只 输出 纯 
数据 给 客户 端 (如 JSON 数据 .XML 数据 或 特殊 字符 串 ) ,而 不 是 数据 和 表现 形式 的 混合 体 
(如 HTML 代码 ) 。 


(10,2 Ajax 方式 查询 数据 
—/ 


查询 数据 是 动态 网 页 中 常见 的 功能 。 查 询 数 据 和 显示 数据 的 区 别 在 于 ,查询 数据 先 要 
发 送 一 个 关键 字 ( 关 键 字 通常 是 用 户 在 表单 中 输入 的 ) 给 服务 器 端 程序 ,服务 器 根据 该 关键 
字 进 行 查询 ,得 到 特定 的 结果 集 , 再 将 查询 结果 发 送 给 客户 端 。 在 Ajax 中 ,可 以 参照 9. 3 节 
中 的 方法 发 送 查 询 数据 给 服务 器 ,然后 再 用 回调 函数 接收 服务 器 返回 的 查询 结果 。 


10.2.1 无 刷新 查询 数据 的 实现 


查询 数据 是 动态 网 页 中 常见 的 功能 。 查 询 数 据 和 显示 数据 的 区 别 在 于 ,查询 数据 先 要 
发 送 一 个 查询 关键 字 ( 关 键 字 通常 是 用 户 在 表单 中 输入 的 ) 给 服务 器 端 程序 ,服务 器 根据 该 
关键 字 进 行 查询 ,得 到 特定 的 结果 集 , 再 将 查询 结果 发 送 给 客户 端 。 在 Ajax 中 ,可 以 参照 
9. 3 节 中 的 方法 发 送 查询 数据 给 服务 器 ,然后 再 用 回调 函数 接收 从 服务 器 返回 的 查询 结果 。 
图 10-3 是 一 个 查询 数据 的 例子 , 当 用 户 单 击 “ 查 询 ” 按 钮 后 ,就 会 按 用 户 输 入 的 查询 条 
件 进行 查询 ,与 传统 的 查询 程序 相 比 ,该 例子 在 显示 查询 结果 时 ,页 面 不 会 刷新 。 因 为 它 是 
通过 异步 方式 将 查询 关键 字 发 送 给 服务 器 ,再 将 服务 器 返回 的 查询 结果 载 入 到 页 面 元素 中 。 
首先 制作 一 个 客户 端 页 面 10-5. html, 当 用 户 单 击 查 询 按钮 后 ,用 $. get() 方 法 将 用 户 
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输入 的 查询 关键 字 发 送 给 10-5. php ,再 使 用 回调 函数 载 入 10-5. php 返回 的 结果 到 #disp 元 
素 中 。 代 码 如 下 ,运行 结果 如 图 10-3 所 示 。 


ee 清音 一 5 < 
$ (function(){ // 页 面 载 和 人 时 执行 
$ (" 井 Submit" ).click(function(){ // 当 下 拉 框 中 值 发 生变 化 时 执行 


var key = escape( $ ('#key').val()); // 得 到 下 拉 菜 单 的 选中 项 的 value 值 
var sel = $('#sel').val(); 


if (key!= 0) // 如 果 下 拉 框 中 内 容 不 为 空 
{ // 发 送 记录 id 和 sid 两 个 参数 到 getweb. php, math. random( ) 避免 缓存 
$ .get("10—5.php", {key:key, sel:sel, sid:Math. random( )}, 
function(data){ 


$ ("#disp").html(data); // 载 人 返回 的 查询 结果 到 # disp 中 
1);} 
else$ ("#disp").html(" 搜 索 内 容 不 能 为 空 !"); 
DD); ]) 
</script> 
<h2 align = "center" style = "margin:4px"> 以 Ajax 方式 查询 数据 </h2 > 
< div style = "border:1px solid gray; background: # eee;padding:4px;"> 
查询 留言 : 请 输入 关键 字 < input id= "key”type = "text"> 
< select id= "sel"> 
< option value = "title"> 文 章 标题 </option> 
< option value = "content"> 文 章 内 容 </option> 
</select > 
< input type = "button" id = "Submit" value = "查询 "> 
</div> 
<div id= "disp" ></div> 


澡 以 Aj az 方式 查询 数据 - Wicreseft Internet Explorer 
」 文件 四 ”编辑 于 ) 查看 W)。 收 功 人 工具 帮助 0 
| 于 古 | 和 http://1 ochost/chapterl0/10-sou htl 


以 Ajax 方 式 查询 数据 
查询 留言 ， 请 答 入 关键 字 列 FE 本 基 避 


关键 字 为 “大 家 ”， 共 拔 到 1 条 留言 单 击 “ 查 询 ”按钮 后 ， 
二 1 无 刷新 显示 查询 结果 


膨大 家 开心 诽 常 感谢 大 家 的 帮助 表 积 分 。 [xta@tonm. con |202. 103. 56. 6 


图 10-3 以 Ajax 方 式 查 询 数 据 


然后 制作 服务 器 端 程序 10-5. php, 它 的 功能 是 根据 10-5. html 传 来 的 关键 字 进 行 查 询 ， 
青 输出 查询 结果 。 代 码 如 下 : 


一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清单 10 - 5.php --------------------------- 一 
<?header("Content - type: text/htm1; charset = gb2312"); 
include( 'conn. php'); 
$result= $ conn 一 > query("Select x From lyb limit 4 "); 
$key= unescape(trim( $_GET[ "key"]));  // 获 得 10 一 5.html 发 送 来 的 key 
$ sel= $_GET["sel"]; // 获 得 10 - 5.html 发 送 来 的 sel 


Ajax 应 用 实际 上 就 是 异步 发 送 查询 关键 词 给 服务 器 ,服务 器 
查询 后 青 返回 查询 结果 给 客户 端 页 面 。 .ls 


数据 表 link, 再 异步 显示 网 站 具体 信息 的 例子 。 首 先 编写 10-6. 
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$ sql= "select * from lyb"; 
if( $key!= "") $ sql= $ sql ." where $ sel like '% $key% '"; // 根 据 查 询 关 键 字 构 造 SQL 语句 
$result = $ conn—> query( $ sql); // 执 行 查 询 得 到 结果 集 
if( $result ->num rows>0) { ?> // 如 果 结 果 集 不 为 空 
<p> 关 键 字 为 "<? = $ key ?>", 共 找到 <? = $ result- > num rows ?> 条 留言 </p> 
<table border = "1"> 
<tr bgcolor = " 间 e0e0e0">< th> 标 题 </th> < th> 内 容 </th>…< th> 来 自 </th></tr> 
<? while( $ row= $ result —> fetch assoc()) { ?> 
<tr><td><? = $row['title'] ?></td><td><?= $row['content'] ?></td> 
<td><?= $row['author'] ?></td><td><?= $row['email'] ?></td> 
<td><?= $row['ip'] ?></td></tr> 
Ey 二 
</table> 
<? } 
else echo "<p> 没 有 搜索 到 任何 留言 </p>"; 


7 


10.2.2 查询 数据 的 应 用 举例 
在 Ajax 开发 中 应 用 最 广泛 的 莫 过 于 查询 数据 了 。 很 多 


习 和 jx 方式 查找 数据 = 时 
|] 文件 四 ”编辑 @) 查看 Q ”| 慷 


请 选择 网 站 : | 百度 司 
1. 根据 下 拉 框 的 值 异步 查询 信息 _ 一 无 刷新 显示 的 内 容 


图 10-4 是 一 个 根据 用 户 在 下 拉 框 中 选择 的 网 站 名 称 ,查找 “| | 员 扩 ww antau con 


php, 用 $. get() 方 法 将 用 户 选 择 的 网 站 id 值 发 送 给 10-7. php。 图 10-4 10-6. php 的 运行 结果 


CEI 全 全 0 
<script> 
$ (function(){ // 页 面 载 和 时 执行 
$ ("#key"). change(function( ){ // 当 下 拉 框 中 值 发 生变 化 时 执行 
var ccl = $('#key’).val(); // 得 到 下 拉 菜 单 的 选中 项 的 value 值 
if (ccl!=0) { // 如 果 下 拉 框 中 内 容 不 为 空 


// 发 送 记录 这 和 sid 两 个 参数 到 10 - 7. php, 其 中 sid 用 于 避免 缓存 
$ .get("10—7.php", {id:ccl, sid:Math. random( )}, 
function( data) { // 回 调 函 数 ,data 中 保存 了 10 - 7.php 传 回 的 数据 
$ ("#disp").html(data);}); 
} 
else $ ("#disp").html(" 还 没 选择 !"); 
D); ]) 
</script > 
<? include('conn. php'); 
$result= $ conn 一 > query("Select * From link Order By id Desc"); 
?> 
请 选择 网 站 :< select id= "key"> 
< option value = "0"> == 请 选择 == </option > 
<? while( $ row= $ result —> fetch assoc()){ ?> <! -填充 下 拉 框 中 的 数据 -- > 
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< option value= "<? = $ row[ 'id'] ?>"><? = $ row[ 'name'] ?></option> 
<? }?> 
</select> 
<ul id= "disp"><b> 网 站 信息 …</b></ul> 


10-7. php 代码 如 下 , 它 在 获取 到 ID 值 后 ,将 该 ID 值 作为 SQL 请 句 的 参数 进行 查询 ， 
然后 将 查询 的 结果 放 在 li 元 素 中 输出 给 10-6. php,10-6. php 将 这 些 信 息 载 人 到 # disp 元 素 
中 ,运行 结果 如 图 10-4 所 示 。 


= 0 TD 
<?header("Content - type: text/html; charset = gb2312"); 
includel( 'conn. php'); 
$id= $_GET["id"]; // 获 得 $ .get() 发 送 来 的 ID 
$ sql = "Select * From link Where id= $ id"; // 根 据 ID 进行 查询 
$result = $ conn—> query( $ sql); 
if( $ result 一 > num_ rows>0){ 
while( $ row= $ result -> fetch assoc()){ 
echo "< 1i> 编 号: ". $ row[ 'id']."</1i>"; 
echo "< 1i> 网 站 名 : ". $ row[ 'name']." </1i>"; 
echo "<1i> DRL 地址: ". $ row[ 'URL']." </1i>"; 
echo "<1i> 介 绍 : ". $ row[ 'intro']." </1i>"; 


}} 
else echo "没有 搜索 到 信息 "; 
?> 


如 果 和 希望 将 查找 到 的 数据 在 客户 端 以 表格 的 形式 输出 出 来 , 则 可 以 在 10-7. php 中 输出 
JSON 格式 数据 或 特殊 格式 字符 串 , 然 后 在 10-6. php 中 将 每 个 数据 单独 取出 放 在 单元 
格 中 。 


2. 制作 级 联 下 拉 框 


级 联 下 拉 框 是 右边 下 拉 框 中 的 选项 会 随 左 边 下 拉 框 中 选项 的 改变 而 改变 的 多 级 下 拉 
框 ,通常 用 于 省 市 等 关联 数据 选择 的 时 候 。 如 图 10-5 所 示 , 当 左边 下 拉 框 中 选择 “吉林 省 ” 
后 ,右边 下 拉 框 就 会 随 之 改变 成 吉林 省 的 城市 了 。 

在 Ajax 技术 出 现 以 前 ,为 了 实现 用 户 选择 左边 下 拉 框 的 某 个 选项 时 ,右边 下 拉 框 的 选 
项 随 之 改变 的 功能 ,页 面 必须 在 一 开始 就 加 载 右边 下 拉 框 中 所 有 可 能 出 现 的 选项 ( 即 所 有 省 

call 的 所 有 市 ), 通 常会 一 次 性 地 将 右边 下 拉 框 中 的 全 

文人 纺 可 加 查看 中 收 总 内 ”| 钴 和 部 数据 取出 来 并 存 人 数组 中 ,然后 根据 用 户 的 先 

国峰 heeaezyessaeaviaieww “到 | 择 , 通 过 JavaScript 控制 显示 对 应 的 列表 项 。 

这 可 能 不 是 实际 想 看 到 的 效果 : 假设 用 户 操 
作 时 只 选择 了 一 次 (一 个 省 ) ,他 根本 不 可 能 选择 
其 他 省 的 城市 ,那么 该 页 面 加 载 的 其 他 30 多 个 省 
的 城市 数据 就 白白 浪费 了 。 因 此 ,这 种 一 次 加 载 
化 市 的 方式 将 读 取 大 量 宛 余数 据 , 既 增加 了 服务 器 负 

载 , 也 浪费 了 网 络 带宽 ,更 浪费 了 客户 机 的 内 存 
图 10-5 基于 Ajax 的 级 联 下 拉 框 示例 (浏览 器 JavaScript 必须 定义 大 数组 来 存放 数据 ) 。 
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如 果 遇 到 更 多 级 的 下 拉 框 ,每 一 级 下 拉 框 又 有 上 百 个 选项 ,那么 这 种 资源 的 浪费 将 呈 几 何 级 
增长 。 

如 果 换 成 Ajax 方案 , 则 可 以 完全 避免 上 述 问 题 : 页 面 无 需 一 次 加 载 所 有 的 子 选 项 ( 城 
市 ) ,可 以 在 加 载 时 只 加 载 左边 下 拉 框 中 的 父 选项 , 当 用 户 选 择 了 左边 省 的 某 个 选项 后 ,将 这 
个 省 的 ID 异步 发 送 给 服务 器 ,服务 器 根据 省 ID 查找 到 属于 该 省 的 城市 数据 后 ,发 送 给 当前 
页 面 , 当 前 页 面 再 将 这 些 市 的 数据 加 载 到 右边 下 拉 框 即 可 。 当 用 户 改变 左边 下 拉 框 的 值 时 
(触发 下 拉 框 的 change 事件 ) ,再 次 异步 向 服务 器 发 送 请 求 , 重 新 从 服务 器 获取 属于 另 一 个 
省 的 所 有 城市 。 通 过 这 种 方法 ,可 避免 一 次 加 载 全 部 列表 项 ,从 而 提供 更 好 的 性 能 。 

下 面 的 代码 (10-8. php 和 10-9. php) 是 一 个 采用 Ajax 技术 实现 级 联 下 拉 框 的 例子 ,省 
的 数据 和 市 的 数据 分 别 保存 在 Province 表 和 City 表 中 ,这 样 可 以 方便 对 省 市 数据 进行 更 
新 。 两 个 表 中 包含 的 字段 如 下 : Province (shengid，ShengName，shengorder) , City(id， 
shiname，shiorder，shengid ) 。 每 次 当下 拉 框 的 值 变化 时 ,10-8. php 就 将 shengid( 省 ID) 发 
送 给 10-9. php 进行 查询 ,10-9. php 再 将 属于 该 省 的 所 有 市 的 数据 以 JSON 格式 输出 ,10-8. 
php 获取 到 这 些 JSON 数据 后 ,将 它们 载 和 到 右边 列表 框 的 < option > 标记 中 ,运行 结果 如 
图 10-5 所 示 。 


二 清 半 如 = Wi = 一 二 二 一 一 一 二 呈 一 二 一 一 二 一 二 一 二 二 二 
< Script src = "jquery. min. js"></script> 
< Script> 
$ (function(){ 
$ ("#szSheng").change(function(){ // 左 边 列表 框 值 改 变 时 触发 
$ .getJSON("10 - 9. php", {index: $ (this).val()}, // 发 送 列表 框 值 给 10 - 9. php 
function(data){ // 接 收 10 - 9.php 返回 的 数据 
var city= ""; // 根 据 返回 的 JSON 数据 ,创建 < option > 项 
for (var i = 0; i< data.length; i++) { 
city += '<option value="' + data[i].ID + '">' + data[i].shi + '</option>'; 
$ ("#szShi"). html(city); // 在 第 二 个 下 拉 菜 单 中 显示 数据 
}); 
1); 
$ ("#szSheng").change(); // 让 页 面 第 一 次 显示 的 时 候 也 有 数据 
}) 
</script > 


所 在 城市 : < select id = "szSheng"> 
<? include('conn. php'); 
$result= $ conn 一 > query("select * from province order by shengorder"); 
while( $ row= $result -> fetch assoc()){ ?> <! -- 在 左边 列表 框 中 加 载 所 有 省 的 信息 --> 
<option value = "<? = $ row["id"] ?>" ><? = trim( $ row["shengname"]) ?></option> 
< 
</select> 
< select id = "szShi"></select > <! -- 右边 列表 框 , 用 于 加 载 市 的 信息 --> 
Sr RE 3 清和 O39 DD 
<?header("Content - type: text/html; charset = gb2312"); 
includel( 'conn. php'); 


$ shengid= $ _GET[ "index"]; // 获 得 $ .getJSON 发 送 来 的 数据 
$ sql = "select * from city where Shengid = $ shengid order by shiorder"; 
$city= "["; // $ city 用 来 保存 JSON 格式 字符 串 


$1i=0; 
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$result= $ conn—> query( $ sql); 

while( $ row= $ result —> fetch assoc()){ // 循 环 输出 JSON 格式 数据 
$city = $city."{ID:". $ row["shiorder"].", shi: '"". $ row["shiname"]."'}"; 
if( $result—>num rows!= ++$ i) 


$city = Scity // 如 果 不 是 最 后 一 条 记录 
: 
$city = $city."]"; 
echo $ city; // 输 出 JSON 格式 字符 串 
?> 


提示 : 如 果 要 单独 调试 10-9. php, 则 可 将 代码 中 的 $sql 二 "select x* from city where 
Shengid 二 $shengid order by shiorder" 修 改 为 sql 一 "select * from city order by 
shiorder" ,然后 运行 10-9. php ,看 和 输出 的 JSON 代码 的 格式 是 否 正 确 , 正 确 格式 如 下 : 


[{optionValue: 1，optionDisplay: ' 银 川 市 '}, {optionValue: 1，optionDisplay: ' 南 昌 市 '}， 
{optionValue:1，optionDisplay: ' 重 庆 市 '},… ， {optionValue:21，optionDisplay: ' 江 门市 '}] 


3, 制作 异步 加 载 子 菜单 项 的 树 型 菜单 (Treeview) 


树 型 菜单 是 管理 信息 系统 及 网 站 论坛 中 常见 的 一 种 菜单 ,如 图 10-6 所 示 。 树 型 菜单 的 
制作 原理 和 级 联 下 拉 框 的 原理 有 些 相似 , 当 用 户 单 击 某 个 顶层 菜单 项 时 ,就 将 该 菜单 项 的 值 
异步 发 送 给 服务 器 端 进行 查询 ,服务 器 将 属于 该 菜单 项 的 所 
有 子 菜单 项 返回 给 浏览 器 ,浏览 器 再 将 这 些 子 菜单 项 载 人 到 
该 顶层 菜单 项 下 。 

Ajax 树 形 菜单 的 实现 代码 分 为 10-10tree. php 和 10-10. 
php, 其 中 ,10-10tree. php 是 客户 端 页 面 , 用 来 读 取 数据 库 中 
的 省 记录 ,并 加 载 到 一 级 菜单 项 中 ,然后 将 一 级 菜单 项 对 应 
的 a 标记 href 属性 中 保存 的 省 ID 值 发 送 给 10-10. php,10-10. 
php 根据 该 ID 值 进行 查询 ,返回 一 个 JSON 字符 串 $ city, 该 
字符 串 保 存 了 该 省 中 所 有 市 的 记录 。 客 户 端 页 面 将 该 JSON 
字符 串 转 换 成 JSON 对 象 后 ,再 将 其 中 的 市 记录 载 人 到 对 应 

图 10-6 Ajax 树 形 菜单 的 省 下 面 的 ul 标记 中 。 为 了 美观 , 载 人 市 级 子 菜单 的 过 程 还 
采用 了 滑 人 和 滑 出 的 动态 效果 。 

10-10tree. php 的 代码 如 下 ,服务 器 端 程序 10-10. php 与 上 例 中 的 10-9. php 代码 完全 
相同 。 


< script src = "jquery. min. js"></script > 
< Script> 
$ (function(){ 
// 对 所 有 第 一 层 a 元 素 绑 定 单 击 事件 
$ ("#accordion > 1i > a").click(function(){ 
var abc = $ (this); // 将 $ (this) 对 象 保存 到 变量 abc 中 
// substr(1) 用 来 去 掉 href 属性 值 中 的 第 一 个 字符 , 即 # 号 
$ .get("10— 10.php", {index: $ (this).attr("href"). substr(1)}, 
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function(data){ // 接 收 10 - 10.php 返回 的 数据 
data=eval('('+ data + ')'); // 将 返回 的 JSON 字符 串 转化 为 JSON 对 象 
var city= ""; // 根 据 返回 的 JSON 数据 ,创建 列表 项 < 1i> 


for (var i = 0; i< data.length; it+) { // 将 返回 的 数据 放 入 1i 元 素 中 
city += <li><ahref="">' + data[i].shi + ‘</a></li>'; 
}; 
$ ("ul",abc. parent()). htnml(city); // 在 下 级 菜单 山 元 素 中 载 和 数据 
D); 
$ (this). parent(). parent( ). each(function( ){ 
$ (>1i>a+ *",this). slideUp(); // 隐 项 所 有 元 素 
$ ("> 1i> a",this).css("backgroundImage", "url( images/Lplus. gif)"); 
和 5 
$ ("+ *",this). slideDown(); // 展 开 当 前 单 击 的 元 素 
$ (this) .css("backgroundImage", "url( images/Iminus. gif)"); 
DD);}); 
</script > 
<u id= "accordion"> 
<? include('conn. php'); 
$result = $ conmn—> query("select * from province order by shengorder limit 4"); 


while( $ row = $ result - > fetch assoc()){ ?> <! -- 在 一 级 菜单 中 加 载 省 的 信息 --> 
<1i> 
<ahref ="#<?= $row["id"] ?>"><? = trim( $ row["shengname"]) ?></a> 
<ul></ul> <! ~- 二 级 菜单 ,用 来 存放 市 的 信息 --> 
</1i> 
<? } ?> 
</ul> 


上 述 代码 中 ,通过 var abc 一 $ (this) 将 jQuery 对 象 $ (this) 保 存在 了 变量 abc 中 ,因为 此 
时 $ (this) 对 象 代表 被 单 击 的 $("#accordion > li > a") 对 象 ,但 是 如 果 在 $. get() 方 法 中 再 书 
写 $ (this) ,那么 $ (this) 将 指 其 他 的 对 象 了 ,因为 $. get() 方 法 是 一 个 全 局 函数 的 方法 ,在 该 函 
数 里 面 使 用 $ (this), 则 $ (this) 将 指 代 全 局 函数 。 为 了 在 $. get() 方 法 中 继续 使 用 原来 的 
$ (this) 对 象 ,该 程序 将 jQuery 对 象 $ (this) 保 存在 了 变量 abc 中 ,请 读者 注意 这 种 保存 jQuery 
对 象 的 技巧 。 


4. 异步 方式 检测 用 户 名 是 否 可 用 


在 有 些 用 户 注册 表单 中 , 当 用 户 在 当前 文本 框 输入 用 户 名 , 转 到 下 一 个 文本 框 的 时 候 ( 这 
称 为 当前 文本 框 失去 焦点 ) ,就 对 该 用 户 名 是 否 已 经 被 注册 进行 检测 ,以 便 让 用 户 提前 知道 用 
户 名 是 否 可 用 。 

这 种 技术 是 通过 Ajax 异步 发 送 查 询 请 求实 现 的 , 当 用 户 名 文本 框 失去 焦点 时 (对 应 blur 
事件 ) ,就 获取 该 文本 框 的 值 ,将 该 值 异步 发 送 给 服务 器 进行 查询 ,如 果 发 现 数据 表 中 已 存在 该 
用 户 名 的 记录 ,就 返回 “此 用 户 名 已 经 注册 ”, 否 则 返回 “可 以 注册 ”的 信息 (图 10-7)。 

实现 异步 方式 检测 用 户 名 是 否 可 用 的 代码 (10-11. html 和 10-11. php) 如 下 。 其 中 ,10-11. 
html 使 用 $. get() 方 法 将 用 户 名 发 送 给 10-11. php 进行 查询 ,10-11. php 根据 查询 的 结果 返 
相应 的 信息 。 即 如 果 查 询 得 到 的 结果 集 为 空 就 表明 数据 表 admin 中 没有 该 用 户 名 ,否则 表明 
数据 表 中 已 经 存在 这 个 用 户 名 。 运 行 结果 如 图 10-7 所 示 。 代 码 如 下 : 


日 
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| 文件 中 ”编辑 四 ”查看 WW 收 误 史 工具 >| 尾 
[| 硬 二 加 和 图 http://1ocahost/auestbook/i0-ti. hnl 辐 


| 文件 四 “入 各 回 “ 坦 看 由“ 收 意外 “ 工 ”| 串 
硬 二 加 图 htes:ymnocakesvyeastteovlo-lLhl 辐 


用 记名 [Ferd | 此 用 户 名 已 用 PP 名 [Gaice 区 2 |] 一 
塞 码 123 | 
加 


< script> 
$ (function(){ // 在 页 面 载 人 时 加 载 
$ ("#user"). blur(function(){ // 在 文本 框 失去 焦点 时 检测 


user= $ ("#user").val(); 
if (user != ""){ 
$ .get('10—11.php', {username: user}, function (data){ 
$ ("##prompt"). html(data);});} 
else { $ ("#prompt").html(" 请 输入 用 户 名 ");}; 
1);}) 
</script > 
< form>< table border = 1 cellpadding = 4 cellspacing = 0 width= "364"> 
<tr><tdwidth= "44"> 用 户 名 </td> 
< td width = "169">< input type = "text" id = "user"></td> 
<td width = "119">< div id= "prompt"> 请 输入 用 户 名 </div></td></tr> 
<tr>< td> 密 码 </td> 
<td>< input type= "text" id= "pwd"></td>< td></td></tr> 
<tr><td></td> 
< td>< input type = "button" value = "注册 " id = "reg"></td> 
<tdid="show"></td></tr> 
</table></form> 


一 清音 区 = 开 . 本本 
<? header("Content - type: text/html; charset = gb2312"); 
include( 'conn. php ') 
$ username= $_GET["username" ]; // 获 得 10 - 11. html 发 送 来 的 数据 
$ sql = "select * from admin where user = '$ username'"; 
$ result= $ com—> query( $ sql); 
if( $ result ~ > num rows== 0) // 判 断 结果 集 是 否 为 空 
echo "< font color = # 0000ff > 可 以 注册 </font>"; 
else 


echo "< font color = #ff0000 > 此 用 户 名 已 经 注册 </font >"; 
?> 


提示 : 如 果 将 表单 元 素 的 值 赋 给 了 变量 (如 10-11. html 中 的 user 一 $(" 井 user"). val())， 
则 页 面 中 的 < form > 标记 不 可 省 略 。 否 则 在 IE 中 会 出 错 ,但 在 Firefox 中 正常 。 


上 述 代码 只 能 检测 用 户 名 是 否 已 经 注册 .我们 
还 可 以 给 它 添加 一 个 功能 , 即 如 果 用 户 输 入 的 用 户 
名 和 密码 合法 , 则 在 不 刷新 页 面 的 情况 下 完成 用 户 
注册 ,也 就 是 单 击 注 册 ” 时 将 用 户 名 和 密码 异步 发 
送 给 服务 器 并 插入 到 admin 表 中 ,并 返回 注册 成 功 
的 信息 ,效果 如 图 10-8 所 示 。 代 码 (10-12. html 和 
10-12. php) 如 下 : 


Se 清单 10- 12. 


< Script> 

$ (function(){ 

$ ("#user"). blur(function(){ 
user= $ ("#user").val(); 
if (user != ""){ 
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| 文件 四 ”编辑 @) 查看 WD 收藏 人 工具 > 
[大王 图 :to:mneeahesyctelorlo-lz 司 | 医 疯 


RP 名 | 一 一 一 二 下 注册 成 功 反 


回 的 信息 


图 10-8 单 击 “ 注 册 ” 按 钮 用 户 注册 


成 功 后 的 效果 


// 在 页 面 载 人 时 加 载 
// 在 文本 框 失去 焦点 时 检测 


$ .get('10 - 12.php', {username:user,n:Math. random( )}，function (data){ 


if (data==1) 


// 返 回 1 表示 用 户 名 没有 注册 


$ ("#prompt"). html("< font color = 井 0000ff > 可 以 注册 </font >"); 


else { $ ("#user"),focus(). select(); 


$ ("##prompt"). html("< font color = #ff0000 > 此 用 户 名 已 经 注册 </font >"); } 


1);} 

else $ (" 间 prompt").html(" 请 输入 用 户 名 "); 
1D); 

$ ("#reg").click(function(){ 


// 单 击 "注册 "按钮 时 


user= $ ("#user").val();password= $ ("#pwd").val(); 


if (user != "" && password != ""){ 


$ .get('10— 12.php', {username: user,password:password,act:"login"}, 


function (data){ 


$("#user").val("");$ ("##pwd"),val(""); // 清 空 文本 框 


$ ("#show"). html(data); });} 


else $ ("#prompt").html(" 请 输入 用 户 名 和 密码 ");}); 


}) 


</script > 


和 清单 10 - 12. php 
<? header("Content - type: text/html; charset = gb2312") 


require( 'conn. php'); 

$ username= $_GET["username" ]; 
$ password= $_GET["password" ]; 
$act= $ _GET["act"]; 

if( $act== "login"){ 


// 获 得 10 - 12. html 发 送 来 的 数据 


// 处 理 单 击 "注册 "按钮 的 代码 


$ sql = "insert into admin(~user ~password 中 ) values(' $ username', ' $ password')"; 


if( $ conn—> query( $ sql)) 
echo "欢迎 $ username ， 注 册 成 功 "; 


else echo ' 注 册 失 败 , 原 因 :'. $ conn -> errno. $ conn 一 > error; 


die();} 


$ sql = "select * from admin where user = '$ username'"; 


$result= $ conn—> query( $ sql); 
if( $ result 一 > num_rows == 0) 

echo 1; 
YE 


// 处 理 检测 用 户 名 的 代码 


// 如 果 没 有 记录 则 输出 1, 表示 可 以 注册 
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5. 制作 带 自动 提示 功能 的 输入 框 


百度 和 Google 等 网 站 的 搜索 框 ,都 具有 自动 提示 (也 叫 自动 完成 ) 功 能 ,用 户 只 需 在 表 
单 中 输入 内 容 开头 的 信息 ,程序 就 会 根据 这 些 键入 信息 ， 
自动 在 下 拉 框 中 显示 用 户 可 能 要 输入 的 内 容 , 如 图 10-9 所 
示 。 用 户 可 以 在 下 拉 框 中 进行 选择 ,这 样 减少 了 用 户 键盘 
输入 的 工作 量 , 带 来 了 更 好 的 用 户 体验 。 
实现 自动 提示 功能 的 具体 思路 是 : 每 当 用 户 在 文本 框 
中 输入 字符 后 (根据 文本 框 中 的 值 是 否 改变 ), 就 调用 
findroutes() 函数 ,该 函数 将 获取 用 户 输入 的 内 容 , 然 后 将 
其 异步 提交 到 服务 器 查询 以 它 开头 的 内 容 , 将 查询 到 的 结 
果 以 JSON 格式 返回 ,前 台 页 面 再 将 这 些 JSON 数据 添 力 
图 10-9 使 用 Ajax 技术 实现 自动 到 文本 框 下 面 的 下 拉 框 ( 井 route_ul) 中 。 
提示 的 文本 框 下 面 的 代码 (10-13. html 和 10-13. php) 是 一 个 实现 自 
动 提示 功能 的 例子 ,用 于 查询 上 海 市 的 公交 线路 , 当 用 户 每 次 输入 公交 线路 名 的 时 候 , 它 就 
会 把 用 户 输入 的 内 容 异 步 提交 给 10-13. php 进行 查询 ,再 返回 匹配 的 内 容 给 客户 端 页 面 
10-13. html。 当 用 户 选 中 匹配 的 结果 时 ,就 会 让 查询 框 的 值 等 于 匹配 结果 。10-13. html 好 
运行 效果 如 图 10-9 所 示 。 


Od 0 
< link href = "10 - 13,css" type= "text/css" /> 
< script src = "jquery. min. js"></script > 
< Script> 
function findroutes(){ // 发 送 文本 框 井 routes 中 信息 给 10 - 13.php 
if( $(" 间 routes").val().length> 0){ // 如 果 文 本 框 内 容 不 为 空 
rout = escape( $ ("#routes").val()); 
$ .get("10- 13.php",{sBus:rout}， // 发 送 变量 sBus 给 10 - 13. php 
function(data){ 
var aResult = new Array(); 
if(data. length > 0){ // 如 果 查 询 结 果 不 为 空 
aResult = data. split(","); 
setroutes(aResult); // 调 用 setroutes 函数 将 每 条 提示 结果 放 入 1i 标记 中 
} 
else clearroutes( ); 
D); 
} 


elseclearroutes(); // 无 输入 时 清除 提示 框 (例如 用 户 按 Delete 键 ) 

} 

function setroutes(aResult){ // 显 示 提 示 框 ,传人 的 参数 为 所 有 提示 结果 组 成 的 数组 
clearroutes( ); // 每 输入 一 个 字母 就 先 清除 原先 的 提示 ,再 继续 


$ ("#popup").addClass("show"); 

for(var i=0;i<aResult. length; i++) 
// 将 匹配 的 提示 结果 逐一 显示 给 用 户 
$ ("#route ul").append( $ ("<1i>" +aResult[i] + "</1i>")); 

$ ("#route ul").find("1i").click(function(){ // 当 用 户 选 中 某 条 提示 结果 时 
$ ("#routes").val( $ (this). text()); // 让 查询 框 的 值 等 于 提示 结果 
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clearroutes(); 

}) .hover( // 添 加 鼠标 滑 过 时 的 高 亮 效果 
function(){$ (this).addClass("mouseOver");}, 
function(){ $ (this). removeClass( "mouseOver");} 

);} 

function clearroutes(){ // 清 除 提示 框 

$ ("#route ul"). empty(); 
$ (" 井 popup" ) .removeClass("show"); 
</script> 
< form method = "post"> 公 交 线 : 
< input type = "text" id = "routes" onkeyup = "findroutes();" /> <! -- 松 开 按 键 时 开始 查询 --> 
</form> 
< div id= "popup"> 
<ul id = "route ul"></ul> <! -- 放置 提示 内 容 --> 
</div> 


于 提示 内 容 被 放置 在 一 个 ul 列表 中 ,需要 设置 该 列表 的 样式 ,并 且 当 鼠标 滑 到 某 个 
提示 项 上 时 会 高 亮 显示 ,这些 都 需要 CSS 代码 来 实现 ,10-13. html 调用 的 CSS 代码 如 下 ; 


ee he fhe sets 光世 =] ON 
input{ /* 路 线 输入 框 的 样式 * / 

font - size:12px; border:1px solid #000000; 

width:160px; padding:1px; margin:0px;} 
# popup{ /* 提示 框 div 块 的 样式 * / 

position:absolute; width:162px; 

color: #004a7e; font - size:lpx 设 置 文本 颜色 和 字体 大 小 * / 

left:63px; top:34px;} 


# popup. show{ /* 显示 提示 框 的 边框 * / 
border:1px solid #004a7e;} 
ul{ /* 清除 列表 的 默认 样式 * / 


list— style:none;margin:0px; padding:0px; 
color: #004a7e;} 
1i.mouseOver{ /* 鼠标 经 过 列表 项 时 的 高 亮 样式 */ 
background - color: #004a7Te;color: # fff; 
height:1em; } 


10-13. php 主要 是 接收 $. get() 方 法 传递 过 来 的 数据 sBus, 再 根据 sBus 进行 查询 ,将 
查询 结果 以 特殊 字符 串 ( 用 "," 分 隔 的 字符 串 ) 的 方式 返回 给 10-13. html。 由 于 用 户 在 文本 
框 中 输入 的 内 容 可 能 是 中 文 ,10-13. html 用 escape 方法 对 所 传 值 编码 了 一 下 ,因此 10-13. 
php 在 获取 了 所 传 值 后 ,用 unescape 方法 进行 了 解码 。 具 体 代 码 如 下 : 


->= = 清单 410 二 :13 二 = 一 一 一 一 一 一 = 一 一 一 二 一 一 = 一 = 一 == 一 
<? header("Content - type: text/html; charset = gb2312"); 
require( 'conn. php'); 
$ sInput = trim(unescape( $ _GET["sBus"])); // 获 得 10 - 13. html 发 送 来 的 数据 

$ sResult = ""; // 用 来 保存 提示 结果 

// 查 询 以 sInput 开头 的 信息 

$ sql = "select routename from route where routename like '$ sInput % ' limit 10"; 

$result= $ conn 一 > query( $ sql); 
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while( $ row= $ result 一 > fetch assoc()) 
$ sResult = $ sResult. $ row["routename"].","; // 将 每 条 提示 结果 用 ", "分 隔 


if (strlen( $ sResult)> 0) 


$ sResult = substr( $ sResult,0, — 1); // 去 掉 最 后 的 ", "号 
echo $ sResult; // 输 出 所 有 的 提示 结果 
= 


提示 : 请 注意 该 程序 中 去 掉 最 后 一 条 记录 后 的 “,” 号 的 方法 , 它 首 先 不 考虑 是 否 是 最 后 
一 条 记录 ,给 每 条 记录 后 都 加 去 号 ,然后 再 用 字符 串 截 取 函 数 substr 去 掉 最 后 一 个 过 号 。 


6. 制作 Ajax 无 刷新 登录 系统 


传统 的 用 户 登 录 程 序 无 论 用 户 登 录 成 功 还 是 失败 都 会 跳 转 到 另 一 页 面 , 页 面 会 刷新 。 
利用 Ajax 技术 ,可 以 将 用 户 输入 的 登录 信息 异步 发 送 给 服务 器 进行 检测 。 服 务 器 端 对 这 些 
信息 进行 查询 ,如 果 找 到 记录 ,就 表明 用 户 名 和 密码 合法 ,输出 登录 成 功 的 信息 ,客户 端 页 面 
获取 到 返回 的 信息 后 ,在 原来 显示 登录 框 的 容器 中 载 人 这 些 登 录 成 功 的 信息 即 可 ,实现 了 页 
面 不 刷新 就 完成 用 户 登录 过 程 。 

下 面 的 代码 (10-14. html 和 10-14. php) 是 一 个 实现 无 刷新 登录 系统 的 例子 , 单 击 “ 登 
录 ” 按 钮 后 , 先 判断 是 否 输入 了 用 户 名 和 密码 ,如 果 输 入 了 ,就 将 用 户 名 和 密码 发 送 给 10-14. 
php 进行 查询 。10-14. html 在 登录 成 功 和 失败 时 的 运行 效果 如 图 10-10 和 图 10-11 所 示 。 


< script src = "jquery. min. js"></script > 


< Script> 
$ (document). ready(function(){ 
$ ("#btnLogin"). click(function(){ // 单 击 "登录 "按钮 后 
if( $ ("#User").val()=="") { // 判 断 是 否 输入 了 用 户 名 


alert(" 用 户 名 不 能 为 空 "); $ ("#User").focus(); 
return false; } 
if( $ ("#Pwd").val()=="") { 
alert(" 密 码 不 能 为 空 ") ; $ ("#Pwd"). focus(); 
return false; } 
$ .ajax({ 
type:"POST", url:"10— 14.php", 
data: {userName: $ ("#9User").val(),userPwd: $ ("#Pwd").val()}, 
beforeSend: function(){ $ ("#msg").html(" 正 在 登录 中 …");}， 
success:function(data){ 
$("#msg").html(data); } 
AD 
J 
</script > 
<div> 用 户 名 : < input id= "User" type = "text"/>< br/> 
密码 :<input id= "Pwd" type= "text" /></div> 
<div id= "msg"></div> <! -- 在 该 容器 中 显示 登录 是 否 成 功 的 信息 --> 
<div>< input id= "btnLogin" type= "button" value= " 登 录 " /></div> 
一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清单 10 - 14.php --------------------------- 
<? header("Content — type: text/html; charset = gb2312"); 
requirel( 'conn. php'); 


$username = $ _POST[ 'userName']; 
$ pwd = $_POST[ "userPwd']; 
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// 获 得 10 - 14. html 发 送 来 的 数据 


$sql="select * from admin where user = '$ username' and password = '$ pwd'"; 


$result = $ conn—> query( $ sql); 
if( $result —> num_rows == 0) 

echo "用 户 名 或 密码 错误 ,登录 失败 "; 
elseecho "登录 成 功 ,欢迎 : $ username"; 


// 如 果 结 果 集 为 空 


?> 


上 述 用 户 登录 程序 只 具有 判断 用 户 名 和 密码 是 否 正确 的 功能 。 但 是 ,一 


引 Aj 2 无 剧 新 登录 i eres 汪 人 j "x 无 剧 新 登录 一 遇 
文件 四 “编辑 四， 查看 ”| 链接 | 慎 
ER ET 中 > 上 

本 


SE 
文件 四 编辑 EE) 查看 ”| 链接 | 剧 
地 址 加 向 | http:7ylocalies 辐 | 加 二 到 


用 记名 : faned | 


宅 码 :zs | 
用 户 名 或 密码 错误 ， 登 录 拓 败 
匡 寻 一 


图 10-10 登录 成 功 时 图 10-11 登录 失败 时 


个 实用 的 用 户 


登录 程序 还 必须 能 为 登录 成 功 的 用 户 设置 Session 变量 ,以 便 让 已 经 登录 的 用 户 在 访问 其 
他 页 面 时 不 必 再 次 登录 。 下 面 的 代码 (10-15. html 和 10-15. php) 可 实现 这 种 功能 。 


由 于 已 


经 获得 Session 变量 的 用 户 不 需要 输入 用 户 名 和 密码 就 可 以 直接 登录 ,因此 10-15. 


html 在 页 面 加 载 时 不 能 够 显示 登录 表单 ,而 是 根据 用 户 是 否 具有 Session 或 是 否 输入 了 正确 的 
密码 来 判断 是 载 入 登录 成 功 的 界面 (loginok()) 还 是 载 和 人 未 登录 时 的 表单 界面 (loginno())。 


10-15. html 的 运行 结果 如 图 10-12 所 示 。 实 际 使 用 时 ,上 


只 需要 将 10-15. html 的 代码 嵌入 到 


网 站 内 多 个 不 同 的 网 页 中 即 可 测试 设置 了 Session 的 效果 。 


名 : 人 
Me ee 欢迎 纸 tang 用 户 名 或 者 训 码 以 
密 码 leee 注销 LE 四 登录 | 
吕 | 
(a) 未 登录 时 的 效果 (b) 登录 成 功 时 的 效果 (c) 登录 失败 时 的 效果 
图 10-12 无 刷新 用 户 登录 程序 
WD COR OR A ga PD [Be 
< script src = "jquery. min. js"></script > 
<script> 
$ (function(){loadlogin(); }) // 页 面 载 和 人 时 执行 loadlogin( ) 函数 
function loadlogin(){ // 加 载 登录 界面 的 函数 
$ .post('10— 15.php'，function (data){ 
$ ("#maker"). html(data); } ); 
} 
function login( ){ // 发 送 登 录 信息 的 函数 


var name = $ ("#name").val(); 
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var pass = $("#pass").val(); 

证 (name =="")alert(" 用 户 名 不 可 以 为 空 !"); 

$ .post('10 - 15.php', {name: name,pass:pass}, function (data){ 
$ ("#maker"). html(data); }); 


} 
function outlogin( ){ // 注 销 登录 函数 
$ .post('10 - 15.php', {action: 'outlogin'}, function (data){ 
$ ("#maker"). html(data); }); 
} 
</script > 


<div id= "box"> 
<div id = "box_title">< h3 > 用 户 登 录 </h3></div> 
<div id= "box 1"> 
<div id= "maker"></div> 
</div> 
</div> 


10-15. php 首先 获取 10-15. html 传 过 来 的 用 户 名 和 密码 ,如 果 获 取 不 到 ,就 会 再 获取 
$ _SESSION[ "adminlogin"] 变 量 的 值 ,如 果 也 获取 不 到 , 则 输出 未 登录 时 的 登录 表单 代码 。 
10-15. html 利用 回调 函数 将 这 些 界面 代码 加 载 到 # maker 元 素 中 ,否则 的 话 ,就 会 查询 数据 
库 验 证 用 户 名 和 密码 ,如 果 正 确 则 输出 登录 成 功 的 界面 代码 ,10-15. html 同样 会 利用 回调 
函数 将 这 些 代码 加 载 到 # maker 元 素 中 。 


<? session_ start(); 
header( "Content - type: text/html; charset = gb2312"); 
require( 'conn. php'); 


if( $ _POST[ 'action'] == "outlogin") { // 处 理 单 击 "注销 "按钮 的 程序 段 
$ _SESSION[ "adminid"] = ""; // 清 空 Session 变量 
$ _SESSION[ "adminlogin"] = ""; 
loginno(); // 返 回 未 登录 界面 
die(); // 退 出 程序 
} 
$ adminid = $ _POST[ "name" ]; // 获 取 用 户 名 
$ adminpws = $ _POST["pass"]; 
if( $adminid==""){ // 如 果 获 取 不 到 用 户 名 
if ( $ _SESSION["adminlogin"] == "ok") // 但 是 Session 变量 不 为 空 
loginok( ); // 显 示 登 录 成 功 界面 
else 
loginno(); // 显 示 未 登录 界面 
} 
else{ // 获 取 到 了 用 户 名 
$sql = "select * from admin where user = '$ adminid 'and password= '$ adminpws'"; 
$result= $conn—> query( $ sql); // 对 用 户 名 和 密码 进行 查询 
if( $ result -> num rows == 0) // 如 果 查 询 不 到 


echo "用 户 名 或 者 密码 错误 < br >< input onclick = 'javascript: loadlogin();'type= 
'button' name = 'ok' value = ' 返 回 登录 ' />"; 
else{ // 否 则 表明 查询 得 到 ,登录 成 功 
$row= $result —> fetch assoc(); 
$ _SESSION[ "adminid"] = $ row[ "user"]; // 登 录 成 功 ,设置 Session 变量 
$ _SESSION[ "adminlogin"] = "ok"; 
loginok(); // 显 示 登 录 成 功 界面 
} 
$ result 一 > close();} 
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function loginok(){ // 输 出 登录 成 功 的 界面 代码 

echo "欢迎 您 ,". $ _SESSION[ "adminid"]."< br >< input onclick = 'javascript: outlogin( ); 
'type = 'button' name = 'ok'value= ' 注 销 ' />"; 
} 
function loginno( ){ // 输 出 未 登录 的 界面 代码 

echo "< form style = ,padding:0px; margin:0px; 'name = 'form'>< div id= 'sitename'> 用 户 名 : 
< input style = 'WIDTH: 70px' id = 'name' /></div>< div id = 'siteurl'> 密 &nbsp; 码 : < input id = 
'pass' type = 'password' style = 'WIDTH: 70px' /> </div >< div id = 'sitesub'>< input onclick = 
"javascript:login(); 'type = 'button' name = 'ok' value = ' 登 录 ' /></div ></form>"; 
}?> 


7. 制作 异步 加 载 新 闻 的 新 闻 网 站 首页 


传统 的 新 闻 显 示 首 页 ,数据 库 中 的 新 闻 和 页 面 代码 是 同时 加 载 进 来 的 。 我 们 也 可 以 使 
用 Ajax 技术 在 首页 上 异步 加 载 新 闻 , 即 首先 将 新 闻 页 的 网 页 显示 出 来 ,然后 再 通过 Ajax 函 
数 异步 加 载 各 个 栏目 框 中 的 新 闻 。 由 于 加 载 新 闻 数 据 的 速度 很 快 ,用 户 也 看 不 出 这 和 普通 
的 新 闻 首 页 有 多 少 区 别 。 

下 面 是 一 个 例子 , 它 的 原理 是 客户 端 页 面 10-16. html 将 某 个 栏目 的 栏目 名 (Bigclass) 
发 送 给 10-16. php,10-16. php 根据 该 栏目 名 找到 最 新 的 n 条 属于 该 栏目 的 新 闻 并 输出 ,10-16. 
html 使 用 回调 函数 获取 到 这 些 新 闻 数 据 后 将 其 载 和 到 指定 的 栏目 框 中 。 关 键 代码 如 下 , 运 
行 效果 如 图 10-13 所 示 。 


<script> 
$ (function(){ 
$ .ajaxSetup({ // 统 一 设置 $ .ajax() 方 法 中 的 相同 部 分 
type: "GET", 
url:"10 一 16.php" 
间 2 
$ .ajax({ // 加 载 头 条 新 闻 的 函数 
data: {Bigclass:escape(" 头 条 "),n:1}， // 发 送 的 参数 n 为 1 表示 是 头条 新 闻 
beforeSend:function(){$(".top2").html(" 正 在 加 载 中 …");}， 
success:function(data){ 
str = data. split("|"); 
$ (".top"). html(str[1]); 
$ (".top2").html('<a href = "onews. php?id= '+ str[0] + '">'+ str[2] + '</a> ['+ 
str[3] + ']'); 
} 1); 
$ .ajax({ // 加 载 近期 工作 栏目 中 的 新 闻 
// 发 送 栏目 名 Bigclass 和 显示 新 闻 的 条 数 n 参数 给 10 - 14. php 
data: {Bigclass:escape(" 近 期 工作 "),n:6}, 
beforeSend:function(){$("#jqgz").html(" 正 在 加 载 中 …");}, 
success:function(data){ 
$ ("#1jqgz").html(data); } 
1D); 
$ .ajax({ // 加 载 德 育 园 地 栏目 中 的 新 闻 
data: {Bigclass:escape( "德育 园地 "),n:5}, 
beforeSend:function(){$ ("#tzgg").html(" 正 在 加 载 中 …");}, 
success:function(data){ 
$ ("#tzgg").html(data); } 
DD); 
$ .ajax({ // 加 载 学 生 工 作 栏目 中 的 新 闻 
data: {Bigclass:escape(" 学 生 工 作 "),n:5}, 
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beforeSend: function(){ $ ("#xsgz").html(" 正 在 加 载 中 …");}, 


success:function(data){ 


$ ("#xsgz").html(data); } 


D); 
})</script > 


<div class = "top"></div>< div class = "top2"></div> 


< table id = "jqgz">…</table> 
<table id="#tzgg ">…</table> 
<table id="#xsgz ">…</table> 


清单 10 - 16. php 


<? header("Content - type: text/html; charset = gb2312") 


require( 'conn. php'); 


$ Bigclass = unescape( $ _GET[ "Bigclass" ]); 


$ n= unescape( $ _GET["n"]); 
证人 (交友 = 


$ sql = "select x from news where BigClassName in(' 学 生 工 作 ', ' 德 育 园 地 ', 科研 成 果 ', ' 近 期 工 


作 ') order by ID desc limit 1"; 


$result= $ conn 一 > query( $ sql); 


$row= $result—>fetch assoc(); 


echo $ row[ 'ID'].'|'. Trimtit( $ row[ 'title’],12).'|'. Trimtit (strip_ tags( $ row[ 'content'] ), 40). 


'|', noyear( $ row[ 'infotime']); 
die();} 


$ sql = "select * from news where BigClassName = '$ Bigclass'order by ID desc limit $ n"; 


$result = $ conn—> query( $ sql); 


while( $ row= $ result -> fetch assoc()) 
echo "<tr><td class = 'xinwen'><a href = 'onews. php?id= ". $ row[ 'ID']."'>" 


['title'],23). "</a></td></tr >"; 
?> 


// 获 取 10 - 16. html 传 过 来 的 数据 
// 如 果 是 要 加 载 头 条 新 闻 


// 查 询 栏目 中 的 新 闻 


恒 渍 阳 师范 学 院 人 文 社会 科学 系 - icrosoft Internet Explorer 
文件 EE) 编辑 EE) 查看 GD) 收 豪 @) 工具 (ID) 帮助 0 


她 娃 @@ 息 http: //1ocalhost/renwen/index. htnl 


通过 Ajax 技 术 加 载 
的 新 闻 数 据 一 


/ 


爱 我 雁 城 ， 爱 我 师 院 一 人 … 
11 月 下 名 ，“ 落 实 政府 三 大 工程 动员 会 议 精神 ， 创 建 
畅通 、 整 洁 、 绿 化 衡阳 师 院 ”… [2010-12-10] 
日 鸭 寺 计划 ( 2010 ) 价 阳 师 这 学院 初中 忆 想 总 伪 崩 … 
上 日“ 国 培 计划 ”( 2010 湖南 省 初中 思想 品德 骨干 … 
日 “ 朝 花 力 拾 ， 似 水 流年 ” 征 阳 师范 学 院 人 文系 “ 国 培 … 
氏 焙 老师 与 国 培 班 学 员 探讨 新 课程 改革 中 的 问题 和 … 
日 华南 师 学 大 学 证 而 洪 教 授 应 湾 为 国 培 班 学 员 作 专题 学 … 
上 日 “ 国 培 计划 一 一 湖南 省 初中 思想 品德 课 骨干 教师 短期 … 
蕴 qgz 元 素 一 一 一 一 


> 


| 社会 主义 荣辱 观 
则 大 学 毕业 生 面试 谋略 


则 大 学 生 怎样 应 对 面试 
| 日 对 加 强 高 校 宿舍 学 生 思 想 政治 教育 的 多 维 思考 


#tzgg 元 素 


日 胡锦涛 在 全 国 加 强 和 改进 大 学 生 思 想 政治 教育 工作 会 … 


昌 妥 我 雁 城 ， 委 我 师 院 一 一 人 文系 打响 校园 “畅通 、 整 … 

日 我 系 长 春花 志愿 者 协会 “ 手 拉手 海星 大 行动 ”成 功 举 … 
弟 十 二 届 校 运 会 圆满 结 束 

目 “青春 舞动 "我 的 90 时 代 ”2010… 

日 我 系 第 七 届 团 总 支 学 生 分 会 助理 招 新 名 单 公布 


#xsgz 元 素 


图 10-13 ”10-16. html 的 运行 效果 


, Trimtit( $ row 
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使 用 这 种 方式 在 首页 上 加 载 新 闻 数 据 , 首 页 可 以 保存 为 . html 的 扩展 名 ,只 要 制作 一 个 
独立 的 输出 栏目 新 闻 的 文件 10-16. php ,就 可 以 通过 Ajax 函数 调用 10-16. php 往 各 个 栏目 
加 载 新 闻 ( 并 且 可 以 很 容易 地 设置 各 个 栏目 显示 几 条 新 闻 ) ,在 栏目 很 多 时 ,这 种 方式 的 代码 
更 精简 ,并 可 提高 网 站 的 开发 速度 。 


8. 制作 股票 查询 系统 


目前 ,有 很 多 网 站 提供 股票 的 实时 价格 数据 查询 ,其 中 有 些 网 站 还 提供 了 获取 股票 数据 
的 接口 。 我 们 可 以 通过 异步 请 求 的 方式 向 这 些 网 站 发 出 请 求 , 则 它 会 返回 相应 的 实时 股票 
数据 。 以 * 中 国 国航 ”( 股 票 代码 : 601111) 为 例 ,如 果 要 获取 它 的 最 新 行情 ,只 需 访问 新 浪 的 
沪 市 股票 数据 接口 http://hq. sinajs. cn/list 二 sh601111 这 个 URL( 但 不 能 直接 在 地 址 栏 中 
输入 URL 访问 ) ,就 会 返回 一 串 文 本 ,内 容 如 下 : 


var hq_str_sh601111 = "中 国 国航 , 10. 22, 10. 22, 10. 20, 10. 31, 10. 09, 10. 19, 10. 20, 16243787, 
165632560, 8100, 10. 19,14700, 10. 18, 55835, 10. 17, 20735, 10. 16, 33600, 10. 15, 9767, 10.20, 48100, 
10. 21,55070, 10. 22, 69200, 10. 23, 41100, 10. 24, 2011 — 07 — 08, 15:03:08"; 


这 个 字符 串 由 很 多 数据 拼接 在 一 起 ,数据 之 间 用 逗号 隔 开 ,如 果 用 split(“,”) 对 它 进行 
切 分 , 则 数组 中 每 个 元 素 的 含义 如 下 : 


:" 中 国 国 航 ", 股票 名 字 ; 
"10.22", 今 日 开盘 价 ; 
"10.22", 昨 日 收盘 价 ; 
"10.20", 当前 价格 ; 


WwW ro 


因此 ,我 们 只 要 异步 发 送 请 求 到 股票 数据 接 
口 的 这 个 URL, 服 务 器 就 会 返回 上 述 字符 串 。 我 [ED 
们 可 以 在 回 调 函 数 中 是 对 该 字 符 串 进 行 切 分 再 地 址 加 ) 加 http://localhost/guestbook/10-14. php 习 
把 需要 的 数据 载 和 人 到 页 面 的 DOM 元 素 中 即 可 ， 村 代码， | 
代码 如 下 ,运行 效果 如 图 10-14 所 示 。 当 然 ,为 了 | 名 称 中 国 国航 当前 价 , 10.20 
获取 实时 的 股票 行情 ,还 必须 使 用 定时 函数 每 陋 图 10 1 Ajax 股票 者 的 程序 Co-17. hua 
3s 重新 发 送 请 求 给 服务 器 查询 一 次 。 


剧 


< script src = "jquery.min. js"></script> 


< Script> 
function stock(){ // 单 击 "查询 "按钮 时 执行 
codel = $ ("#code").val(); // 获 取 用 户 输入 的 股票 代码 
if(parseInt(codel).toString(). length== 6 && codel. length== 6){ // 判 断 股 票 代码 是 否 合法 
$ .ajax({ // 发 送 异 步 请 求 
type: "GET", 


url:"http://hq. sinajs.cn/list= sh” + $ ("code").val(), // 股 票 代码 是 用 户 输入 的 
beforeSend:function(){ $ ("#Pprice"). html(" 正 在 查询 ")}， 
success:function(data){ 
// 先 截取 字符 串 两 个 "之 间 的 字符 串 (\" 是 "的 转 义 字符 ), 再 通过 "," 切 分 成 数组 
Str = data. substring(data. indexOf("\"") +1,data. length— 1). split(","); 
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$ ("#stock"). html(str[0]); // 载 入 股票 名 称 
$ ("#price"). html(str[3]); // 载 入 当前 价 
} 


});} 
else alert(" 输 入 有 误 "); 
setTimeout( stock, 8000); // 每 隔 8s 重新 查询 一 次 ,刷新 两 个 DOM 元 素 的 内 容 
i 


</script > 

股票 代码 :< input type = "text" id = "code"” size="10" /> 

< input type = "button" id = "Search" onclick = " stock()" value = "查询 " /><br /> 
股票 名 称 :< span id = "stock"></span> 当前 价 :< span id = "price"></span> 


但 这 个 程序 只 能 在 IE 中 运行 ,Firefox 出 于 安全 原因 考虑 ,不 允许 Ajax 请 求 中 的 URL 
地 址 来 自 外 部 网 站 (即使 用 绝对 URL) ,也 就 是 不 允许 跨 域 请 求 。 

如 果 要 输出 多 只 股票 的 实时 信息 ,可 以 将 $.ajax0 〇 方法 中 的 URL 参数 设置 成 http://hq. 
sinajs. crVlist 一 sh000001,sh601939,sh600028', 则 会 返回 多 条 上 述 字符 串 ,将 字符 串 中 的 数据 提 
取出 来 分 别 载 和 到 多 个 DOM 元 素 中 就 能 显示 多 只 股票 的 信息 了 。 


9. 制作 动态 载 入 内 容 的 弹出 杠 


在 7.6.4 节 中 , 曾 实现 了 一 个 鼠标 经 过 时 显示 大 图 的 程序 ,但 那个 程序 中 ,所 有 记录 的 
图 片 从 一 开始 就 已 经 加 载 到 了 网 页 中 ,只 是 没 显示 出 来 。 如 果 记 录 很 多 的 话 , 会 导致 网 页 中 
加 载 的 图 片 太 多 ,为 此 ,可 以 在 当 鼠 标 经 过 某 条 记录 时 , 才 异 步 载 人 这 条 记录 带 有 的 图 片 , 如 
图 10-15 所 示 。 这 样 在 打开 网 页 时 ,并 没有 加 载 任何 图 片 ,而 是 根据 用 户 的 操作 再 加 载 对 应 
的 图 片 。 另 一 个 好 处 是 ,这 样 可 以 不 刷新 网 页 就 加 载 服务 器 端 最 新 的 内 容 。 


查看 如 收 疗 由 工具 (I) 和 助 由 
http://localhost/rerwen/ajaxtan?. php 


鼠标 移动 到 新 闻 上 时 弹出 新 闻 中 的 图 片 


爱 我 雁 城 ， 爱 我 师 文系 打响 校园 “畅通 、 整 洁 … 2010-12-10 
国 培 计划 2010) 衡阳 ! 1 国 | 其 亲 避 


“图 培 计划 ” (2010) 3 
我 系 长 春花 志愿 者 协会 
“ 朝 奉 乡 栓 ， 似 水 流年" 


图 10-15 鼠标 移动 到 新 闻 上 时 异步 加 载 记录 中 的 图 片 和 标题 到 弹出 框 
实现 思路 是 , 当 鼠 标 经 过 某 条 记录 时 ,就 调用 showinfo() 函 数 ,并 将 这 条 记录 的 ID 值 
传递 给 该 函数 ,showinfo 函数 将 记录 的 ID 值 异步 发 送 给 服务 器 端 页 面 进 行 查询 ,将 服务 器 
返回 的 该 记录 的 图 片 和 标题 加 载 到 间 target 元 素 中 。 代 码 如 下 : 


<script> 
function showinfo( id){ 
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$ .get("10— 18.php", {id:id, n:Math. random()}, 
function(data){ 
$ ("#target"). html(data); 
1);} 
</script > 
<div style= "border:1px solid #CCC;margin:5px; padding:6px;"> 
<? requirel( 'conn. php'); 
$ sql = " select * from NEWS where firstImageName <>'' order by ID DESC limit 7" ; 
$result = $ conn—> query( $ sql); 
while( $ row= $ result -> fetch assoc()) { // 显 示 7 条 新 闻 ?> 
<p><a href = 'onews.php?id=<?= $ row["ID"] ?>'onmouseover = 'showinfo(<? = $ row["ID"] ?>) 
><?= $row["title"] ?> <?= $row["infotime"] ?></a></p> 
< 
</div> 
<div id= "target">< img src = "loading. gif" style= "margin:20px" /> 正在 载 人 …</div> 


而 服务 器 端 页 面 10-18. php 就 是 根据 这 个 ID 查找 对 应 的 图 片 URL 和 标题 并 输出 。 


二 请 了 
<? header("Content - type: text/html; charset = gb2312"); 

requirel( 'conn. php'); 

$ id= $ _GET["id"]; // 获 取 10 - 17.php 传 过 来 的 ID 

$ sql = "select * from news where ID= $ id"; 

$ result= $ conn—> query( $ sql); 

$row= $result—> fetch assoc(); 

echo "< img width = '280' src = ‘uppic/". trim( $ row["firstImageName"])."'/>< br/><a href = 
‘onews. php? id=". $ row["id"].">".Trimtit( $ row[ "title"],20)."</a>"; 

bs 


上 述 代码 可 以 使 鼠标 移动 到 新 闻 上 时 ,在 页 面 下 方 的 # target 元 素 中 显示 新 闻 中 的 图 
片 , 接 下 来 我 们 要 将 # target 元 素 设 置 为 绝对 定位 元 素 , 并 且 在 默认 状态 下 不 显示 ,只 有 当 
鼠标 移动 到 某 条 新 闻 上 时 , 才 显 示 # target 元 素 , 并 且 设置 它 的 坐标 (top ,left 值 ) 为 鼠标 所 
在 的 位 置 附近 。 这 需要 用 到 事件 对 象 的 clientX 等 关于 鼠标 位 置 属性 。 为 此 ,将 10-17. php 
的 代码 修改 如 下 ,而 10-18. php 的 代码 无 须 修 改 , 它 的 运行 效果 如 图 10-15 所 示 。 


< style> 
# target{position:absolute; display:none; z- index:2; border:5px solid #f4f4f4; 
width:280px; height:210px; background: # fee;}</style> 
< Script> 
$ (function(){ 
$ ("# show a").mouseover(function(event){ // 当 鼠标 移动 到 a 元 素 上 时 
event = event || window. event; // 兼 容 开 和 FF 的 事件 对 象 
$ ("#target").css("display", "block"); // 显 示 # target 
$ ("#target")[0]. style. top = document. body. scrollTop + event.clientY + 10 + "px"; 
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$ ("#target")[0]. style. left = document. body. scrollLeft + event.clientX + 10 + "px"; 
id= parseInt( $ (this).attr("title")); // 从 a 元 素 title 属性 中 获取 记录 ID 
$ .get("10— 18.php", {id:id, n:Math. random()}, 
function(data){ 
$ ("#target"). html(data); 
]) 
]) 
$ ("# show a").mouseout(function(){ // 当 鼠标 离开 a 元 素 上 时 
$ ("#target").html("< img src= 'loading. gif' style = 'margin:20px' /> 正在 载 信 …"); 
$ ("#target").css("display", "none"); // 隐 藏 井 target 
DD); 
局) 
</script> 
<div id= "show" style = "border:1px solid #CCC;margin:5px; padding:6px;"> 
<? requirel( 'conn. php'); 
$ sql="select * from NEWS where firstImageName <>'' order by ID DESC limit 7" ; 
$result = $ conn—> query( $ sql); 
while( $ row = $ result ~-> fetch assoc()) { ?> 
<p><a href = 'onews. php?id=<?= $row["ID"] ?>'title='<?= $row["ID"] ?>><? = $row 
["title"] ?> <? = $row["infotime"] ?></a></p> 
<? }?> 
</div> 
<div id= "target">< img src = "loading.gif" style = "margin:20px" /> 正在 载 人 …</div> 


这 样 , 当 鼠标 移动 到 a 元 素 上 时 ,会 在 鼠标 位 置 附近 先 显 示 # target 元 素 , 此 时 #target 
中 还 显示 “正在 载 和 "图标 ,再 异步 载 入 服务 器 端 内 容 到 #target 中 。 


(10.3 ”Ajax 方式 添加 记录 
2 


10.3.1 基本 的 添加 记录 程序 


Ajax 技术 可 以 实现 在 页 面 不 刷新 的 情况 下 添加 记录 ,实现 的 思路 是 : 将 用 户 在 表单 中 
输入 的 数据 使 用 $. post() 方 法 发 送 给 服务 器 (如 果 用 户 在 表单 中 输入 的 数据 很 多 的 话 , 最 
好 用 POST 方式 发 送 ) ,服务 器 端 获 取 到 数据 后 , 先 将 这 些 数据 作为 一 条 记录 插入 表 中 , 然 
后 再 重新 读 取 更 新 后 的 整个 表 并 输出 给 客户 端 。 客 户 端 页 面 将 服务 器 返回 的 数据 载 和 人 一 个 
容器 元 素 中 ,就 可 以 显示 添加 记录 后 的 数据 表 了 。 

下 面 的 代码 (10-19. php 和 10-20. php) 是 一 个 添加 记录 的 程序 ,运行 效果 如 图 10-16 所 
示 。 它 的 上 半 部 分 用 来 显示 记录 ,通过 ASP 循环 读 取 记 录 即 可 实现 。 下 半 部 分 是 供用 户 添 
加 记录 的 表单 , 当 用 户 单 击 “ 添 加 ”按钮 时 ,将 用 户 输入 的 数据 发 送 给 10-20. php ,10-20. php 
将 这 些 数 据 作为 一 条 记录 插入 数据 表 中 ,再 重新 输出 更 新 后 的 数据 表 给 10-19. php,10-19. 
php 将 这 些 数据 载 入 页 面 上 半 部 分 的 井 make 元 素 中 。 
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crosoft Internet Ezplorer 9| 


文件 中 编辑 @) 查看 WD 收 窝 亿 )。 工具 I) 天 助 D 克 
了 古国 [入 http /localhost/ suestbook/Ajaxhad php 司 


标题 两 容 三 作者 email 来 自 入 


了 大 家 开心 诽 常 感谢 大 家 的 帮助 关 积 分 。 [zta@tom. com 202. 103. 56. 6 
三 心 请 教 个 问题 “ 唾 氢 目录 中 的 文件 如 何 预览 洁 三 彩 [renrer@qq. con |127. 0.0.1 
| 


取 是 测试 留言 。 |[ 你 看 到 我 的 留言 了 吗 薪 ftangsix@163. com |127. 0.0.1 
便 五 条 留言 捧 欢 学 习 Ajax 吗 程 。 [shifan@163. con [127.0.0.1 


请 在 下 面 发 表 留 言 
留言 主题: | | 
留言 人 : [| 
联系 方式 : [E> 


留言 内 容 ， 习 


< script src = "jquery.min. js"></script> 
< Script> 
$ (document). ready(function(){ 
$ ("#Submit"). click(function(){ // 单 击 " 添 加 "按钮 时 
title= $ ("#title").val();author= $ ("#author").val(); // 获 取 表 单 中 的 数据 
email = $ ("#email").val(); content = $ ("#content").val(); 
$ .post("10— 20. php", { // 发 送 表单 中 的 数据 给 10 - 20. php 
title:escape(title), author:escape(author), 
email:escape(email), content:escape(content), 
act:"add" }, 
function(data){ 
$ ("#title").val(''); $ ("#author").val(''); // 清 空 添加 记录 框 中 的 内 容 
$ ("#email").val(''); $ ("#content").val(''); 
$ ("#make"). html (data); 
J 
</script > 
<?require( 'conn. php'); // 上 半 部 分 显示 留言 的 代码 
$result = $ conn 一 > query("select * from lyb order by ID desc"); 
if( $result ->num rows>0) { ?> 
<table align = "center" border = "1"> 
<tr bgcolor ="#e0e0e0"> 
< th > 标题 </th>< th width = "100"> 内 容 </th>< th width= "60"> 作 者 </th> 
<th> email </th> <th width = "80"> 来 自 </th></tr> 
<tbody id = "make"> 
<? while( $ row= $ result 一 > fetch_assoc()){ ?> 
<tr> 
<td width= "100"><? = $row["title"] ?></td> <td><?= $row["content"] ?></td> 
<td><?= $row["author"] ?></td> <td width="80"><?= $row["email"] ?></td> 
<td><?= $row["ip"] ?></td> </tr> 
<? } ?> 
</tbody> </table> 
< 
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else echo "<p> 目 前 还 没有 用 户 留 言 </p>";?> 
< form> <! -- 添加 留言 的 表单 区 域 --> 
<table width= "600" border = "0" align = "center" cellpadding = "4" cellspacing = "1" bgcolor 
="#333333"> < caption > 请 在 下 面 发 表 留 言 </caption > 
< tbody bgcolor = "# ffffff"> 
<tr><td width= "125"> 留 言 主 题 :</td> 
<td width = "475">< input type = "text" id = "title"></td></tr> 
<tr><td> 留 言 人 :</td><td>< input type = "text" id= "author"></td></tr> 
<tr>< td> 联 系 方式 :</td>< td>< input type = "text" id= "email"></td> </tr> 
<tr>< td> 留 言 内 容 :</td> 
<td>< textarea id = "content" cols = "30" rows = "3"></textarea></td></tr> 
<tr><td></td>< td>< input type = "button" id= "Submit" value = " 添 加 "></td></tr> 
</tbody ></table > 
</form> 


=----------------------------- 一 清单 10 -20. php--------------------------- 
<?header("Content - type: text/html; charset = gb2312"); 
requirel( 'conn. php'); 
$act= $_POST["act"]; 
if( $act== "add"){ 

$title = unescape( $ _POST[ "title"]); // 获 取 10 - 19.php 传 来 的 数据 

$ author = unescape( $ _POST["author"]); 

$ email = unescape( $ _POST["email"]); 

$ content = unescape( $ _POST["content"]); 

$ sql = "Insert into lyb(title,author, email, content) values('$ title', '$ author', '$ email’', ' 
$ content')"; 


if( $conn—>query( $ sql)) { // 如 果 插 入 记录 成 功 , 则 输出 更 新 后 的 结果 集 


全 全 全 人 直下 0 
$ result = $ conn 一 > query("select * from lyb order by ID desc"); 
while( $ row = $result 一 >fetch assoc()){ // 重 新 输出 更 新 后 的 结果 集 到 客户 端 
echo "<tr><td width= '100'>". $ row["title"]."</td>"; 
echo "<td>". $ row["content"]. "</td>"; 
echo "<td>". $ row["author"]."</td>"; 
echo "< td width= '80'>". $ row["email"]." </td>"; 
echo "<td>". $ row["ip"]." </td></tr >"; 


10.3.2 在 服务 器 端 和 客户 端 分 别 添加 记录 


代码 10-20. php 在 向 数据 表 中 插入 一 条 记录 后 ,又 将 整个 更 新 了 的 数据 表 重 新 发 送 给 
浏览 器 ,显然 这 样 传输 给 浏览 器 的 数据 有 些 多 。 为 此 ,我 们 可 以 在 服务 器 端 和 客户 端 分 别 插 
人 记录 。 

具体 过 程 是 : 服务 器 端 将 该 记录 插入 到 数据 表 以 后 ,并 不 将 更 新 后 的 整个 数据 表 回 传 
给 客户 端 ,而 是 输出 一 个 标志 (如 1) 通 知客 户 端 记 录 已 经 成 功 插入 到 数据 库 中 ,客户 端 收 到 
该 标志 后 ,通过 动态 插入 表格 行 的 方法 在 表格 中 插 人 记录 ,以 显示 给 用 户 看 。 为 此 ,可 以 将 
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10-20. php 文件 中 的 代码 段 A 修改 为 下 面 的 代码 段 B。 


一 代码 段 B 开 始 ----------------------------- 
echo 1; // 输 出 标记 1, 表示 在 服务 器 端 记录 插入 成 功 
1 代码 段 B 结 束 ----------------------------- 


然后 再 修改 10-19. php 文件 中 的 回调 函数 ,主要 思路 是 ,如 果 回 调 函 数 接收 到 的 数据 是 
1, 就 把 用 户 输入 的 数据 放 在 一 行内 插入 到 表格 的 所 有 行 之 前 ,代码 如 下 : 


function(data){ ”// 对 10-19.php 的 回调 函数 进行 修改 
if(data==1){ // 收 到 标志 1, 表明 服务 器 端 已 插入 成 功 
$("#title").val(''); $ ("#author").val(''); // 清 空 添加 记录 框 中 的 内 容 
$ ("#email").val(''); $ ("#content").val(''); 
var newtr ="<tr><tdwidth= '100'>" + title+ "</td>< td>" + content +"</td>< td>"+ 


author + "</td> < td>" + email + "</td></tr >"; // 把 用 户 输入 的 数据 放 在 一 行内 
$ ("#make"). prepend(newtr); // 在 表格 的 所 有 行 之 前 插入 一 行 , 即 插入 新 的 记录 
hy 


这 样 ,服务 器 和 客户 端 之 间 异 步 传 输 的 数据 量 明显 减少 ,对 于 显示 不 需要 分 页 的 结果 集 
来 说 推荐 用 这 种 方式 ,但 如 果 结 果 集 要 分 页 显示 ,并 要 求 每 页 显示 的 记录 数 是 固定 的 , 则 在 
插入 一 行 新 记录 后 ,还 要 用 remove() 方 法 把 表格 中 最 下 面 一 行 删除 。 


10.3.3 制作 无 刷新 评论 系统 


以 Ajax 方式 添加 记录 的 典型 应 用 是 制作 无 刷新 评论 系统 或 无 刷新 的 留言 板 、 用 户 注册 
程序 .购物 车 程序 等 。 

评论 系统 是 在 每 条 新 闻 的 显示 页 面 下 方 供用 户 发 表 评 论 的 系统 ,类 似 于 留言 板 , 能 显示 
所 有 用 户 发 表 的 评论 ,但 和 留言 板 的 区 别 在 于 : 评论 系统 通常 不 能 对 评论 进行 回复 ; 
回 评论 系统 中 每 条 记录 要 有 该 条 评论 属于 哪 条 新 闻 的 记录 号 。 根 据 以 上 分 析 , 评 论 系统 的 
数据 表 设 计 为 lyb(id,title,content,author,date,newsid,email) ,其 中 newsid 是 该 条 评论 所 
属 的 新 闻 记录 的 id, 通 常 根据 newsid 找到 一 条 新 闻 的 所 有 评论 记录 。 评 论 系 统 的 完整 代码 
(10-21. html 和 10-21. php) 如 下 ,运行 效果 如 图 10-17 所 示 。 


< Script> 
$ (function(){ // 页 面 载 人 时 载 入 评论 信息 
$ .ajax({type:"GET"， 
url:"10— 21.php?act = load&id = " + Math. random( )， 
error:function(){ $ ("#comments").html(" 获 取 评 论 信 息 失 败 ");}, 
success:function(data){ 
$ ("#comments").html(data);} 
D); 
$ ("#Submit").click(function(){ 
title= $ ("#title"). val(); author = $ ("#author").val(); // 获 取 表 单 中 的 数据 
email = $ ("#email").val(); content = $ ("#content").val(); 
$ .post("10— 21.php", { // 发 送 表单 中 的 数据 给 10 - 21.php 
title:escape(title), author:escape(author), 
email:escape(email), content:escape(content), 
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act:"add" }, 
function(data){ 
if(data==1){ 


$ ("#title").val(''); $ ("#author").val('');  // 清 空 添加 记录 框 中 的 内 容 


$ ("#email").val(''); $ ("#content").val(''); 


var newcom = "< div style = 'border:1px solid #CCC;margin:5px; > 网 友 :" + author + " 发 表 于 " 


+ Date() + "< br/> 标 题 :" + title+"<br/>" + content +" Email:" + email + "</div >"; 


$ ("#comments").prepend(newcom); // 插 入 到 元 素 内 部 的 最 前 面 
Pi 
机 1 
</script> 
<h3> 网 友 评论 </h3> 
<div id= "comments"> <! -- 用 来 载 人 评论 的 内 容 --> 


< div style= "border:1px solid #CCC;margin:5px 5px;">< img src = "onLoad. gif" alt = "加 载 中 


…" /> 评论 加 载 中 ……</div> <! -一 未 加 载 完 时 显示 加 载 中 图 标 和 文字 -一 > 
</div> 
< form style = "margin:8px;"> <! -- 用 来 发 表 评论 的 表单 --> 
< table border = "0" align = "center" cellspacing = "1" bgcolor = "#333333"> 
< caption > 请 在 下 面 发 表 你 的 高 见 吧 </caption> 
< tbody bgcolor = "#ffffff"> 
<tr><td> 昵 称 :</td>< td>< input type = "text" id = "author"></td></tr> 
<tr><td> 邮 箱 :</td>< td>< input type = "text" id = "email"></td></tr> 
<tr><td> 标 题 :</td>< td>< input type = "text" id = "title"></td></tr> 
<tr><td> 内 容 :</td> 
<td>< textarea id = "content" cols= "30" rows= "2"></textarea></td></tr> 
<tr><td></td> 
<td>< input type = "button" id= "Submit" value = "发 表 评 论 "></td></tr> 
</tbody></table></form> 


< 
header("Content - type: text/html; charset = gb2312"); 
require( 'conn. php'); 
$ act = $ _REQUEST[ "act" ]; // 获 取 act 变量 的 值 
if( $act== "load") { // 如 果 是 请 求 载 入 评论 
$result= $ conn 一 > query("select * from lyb order by ID desc limit 3"); 
if( $ result 一 > num_rows>0) { 
while( $ row = $ result 一 > fetch_assoc()){ ?> 
< div style = "border:1px solid #CCC;margin:5px;"> 
网 友 :<? = $ row["author"] ?> 发 表 于 <? = $ row["date"] ?><br/> 
标题 :<? = $ row["title"] ?><br/> 
<? = $row["content"] ?> Email:<?= $row["email"] ?> </div> 


< }} 
elseecho "<p> 目 前 还 没有 用 户 留言 </p>"; 
上 
if( $act== "add") { //' 如 果 是 发 表 评 论 
$title = unescape( $ _POST["title"]); // 获 取 10 - 21.html 传 来 的 数据 


$author = unescape( $ _POST["author"]); 
$ email = unescape( $ _POST["email"]); 
$ content = unescape( $ _POST["content"]); $ date= date("Y—-m- dh:i:s"); 


$ sql =" Insert into lyb(title, author, email, content, date) values('$ title', ' $ author’', 


'$ email', '$ content', '$ date’)"; 
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if( $ conn—> query( $ sql)) echo 1; //' 如 果 插 和 成功, 则 输出 1 给 客户 端 


jz> 


避 Aj x 无 刷新 评论 系统 - Wicrese ft Internet Explorer FIle El 


| 文件 中 ”编辑 四 ”查看 WD 收 高 ) 工具 0) 帮助 | 各 
[EJ Er flocalhost/guestbook/CommentAdd. php 可 


网 友 评 论 
网 友 ， 发 表 于 2011-7-17 20:00:51 
标题 ，Ajax 发 送 数 据 
国庆 失 的 方法 Enail: xia@to. com 
网 友 : 天 天 发 表 子 2011-7-17 19:59:09 
标题 :Ajax 的 威力 
Ajax 的 威力 Ajax 的 威力 Enail: titt@to. com 
网 友 : 糖 儿 飞 和 T-17 19:55:24 


标题 :高 等 学 校 教学 标 ， 
高 等 学 校 教学 标准 El, wudd@t om. com 


请 在 下 面 发 表 你 的 高 见 吧 


图 10-17 无 刷新 评论 系统 的 运行 效果 


说 明 : 上 述 代码 和 10. 3. 1 节 添 加 记录 的 程序 (10-19. php、10-20. php) 很 相似 ,但 区 别 在 于 : 

(1) 10-21. html 中 的 新 闻 是 在 页 面 载 人 后 采用 Ajax 技术 载 人 进来 的 ,因此 10-21. html 
中 没有 任何 用 来 读 取 lyb 表 中 的 评论 数据 的 PHP 代码 。 

(2) 载 和 评论 的 容器 元 素 # comments 中 本 来 就 含有 一 个 “正在 加 载 …… ”的 图 标 和 文 
字 , 当 载 入 完成 后 ,这 些 内 容 会 被 评论 信息 替换 掉 , 达 到 了 不 用 $. ajax() 方 法 的 beforeSend 
函数 也 能 实现 显示 “正在 加 载 " 图 标的 效果 。 

(3) 该 评论 系统 也 采用 了 在 服务 器 端 和 客户 端 分 别 插入 记录 的 方法 ,服务 器 端 插入 记 
录 成 功 后 ,发送 标志 1 给 客户 端 ,客户 端 采用 prepend() 方 法 动态 插入 div 元 素 。 


10.3.4 制作 无 刷新 购物 车 程序 


购物 车 程序 是 电子 商务 网 站 的 常见 功能 模块 ,用 户 单 击 某 件 商品 的 “购买 ”按钮 后 ,就 将 
这 件 商品 添加 到 购物 车 中 ,用 户 可 以 转 到 其 他 商品 页 中 继续 购物 ,购物 车 中 的 商品 不 会 丢 
失 。 在 Ajax 技术 以 前 ,通常 将 购物 车 中 的 商品 信息 暂 存 到 Cookie 或 Session 中 ,这 样 转 到 
其 他 页 面 购物 车 中 的 商品 就 不 会 丢失 。 

使 用 Ajax 技术 后 ,每 当 往 购物 车 中 添加 一 件 商品 ,可 以 将 商品 信息 以 异步 方式 添加 到 
数据 表 中 ,这样 页 面 不 会 刷新 ,而 且 将 商品 信息 保存 在 数据 库 中 ,即使 用 户 关 闭 浏览 器 ,购物 
车 中 的 信息 也 会 永久 保存 下 来 。 

下 面 来 制作 购物 车 程序 。 购 物 车 程序 的 数据 库 中 包含 有 两 个 表 , 一 是 商品 表 shop(id， 
name,price,type,img) ,分 别 保存 商品 的 ID、 商 品名 、 价 格 、 类 型 和 商品 图 片 文件 的 URL。 
另 一 个 是 购物 车 表 cart(id,name,price,num,type,spid,user) ,分 别 保存 购物 记录 ID、 所 购 
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商品 名 、 所 购 商 品 价格 、 所 购 商 品 数量 、 类 型 .商品 ID 及 客户 名 。 

购物 车 程序 10-22. php 用 来 根据 ID 显示 一 种 商品 的 信息 。 当 在 shop. php 上 单 击 “ 放 
入 购物 车 ”按钮 后 ,就 会 将 该 商品 的 ID 和 商品 名 等 信息 发 送 给 cart. php,cart. php 将 商品 添 
加 到 购物 车 中 或 该 商品 在 购物 车 中 的 数量 ,规则 是 : 如 果 购 物 车 中 没有 这 种 商品 ,就 会 
将 该 商品 添加 到 购物 车 中 ; @@ 如 果 购 物 车 中 已 有 该 商品 ,就 修改 该 商品 的 订购 数量 ,最 后 
根据 购物 车 中 每 件 商品 的 数量 和 单价 计算 客户 需要 支付 的 总 价格 。 代 码 如 下 ,运行 效果 如 


图 10-18 所 示 。 


| 地 址 


Wm) |) http: //1ocalhost/10-22. php ?id=2 司 


数量 ;| 3 件 


< Script> 
$ (function(){ 
$ ("#order").click(function(){ 


[4 任 商 品 
典 计 12690 元 
和 pric 元 素 
~ 购物 车 
#cart 元 素 
一 


// 当 单 击 " 放 入 购物 车 "按钮 时 


$ .get("cart. php", {id: $ ("# spid"). val(), spn:escape( $ ("# spn"). text()), spt:escape( $ 
("#spt"). text()), spp: $ ("#spp"). text(),num: $ ("#num").val(), sid:Math. random( )}, 


function(data){ 
if(data==1){ 


// 发 送 商品 信息 给 cart. php 
// 如 果 购 物 车 中 没有 这 件 商品 


var newsp= "<div id= 'fff"+ $("#spid").val()+"'>"+ $("#spn").text()+"<br />"+ 
$("#spt"). text()+ "<br/><b>"+ $("#spp").text()+"</b><br/><b>"+ $ ("#num").val 


() +"</p></div>"; 
$ ("#cart"). prepend(newsp); 
} 
elsef 
str = data. split("|"); 
kk= "fff" + str[1]; 
s= document. getElementById(kk); 
$ (s).find("b").eq(1). text(str[0]); 
} 
var s=0,n=0; 
$ ("#cart").children().each(function(){ 


p= parseInt( $ (this).find("b").eq(0). text()); 
y= parseInt( $ (this). find("b").eq(1). text()); 


二 仿 收 省 生 人 n=n+ty; 


// 将 新 商品 插入 到 购物 车 中 


// 如 果 购 物 车 中 已 经 有 这 件 商品 
// 得 到 商品 TD 和 数量 
// 获 取 商 品 div 的 ID 


// 修 改 该 商品 的 数量 


// 计 算 商品 总 价 和 商品 总 数量 
// 对 购物 车 中 的 每 件 商品 

// 每 件 商 品 的 单价 

// 每 件 商 品 的 数量 
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D; 

$ (" 间 pric").html(n+" 件 商品 <br > 共计 "+s+" 元 "); 
D; DD); 

]) 


</script> 

<? require( 'conn. php'); 

$ id= $ _GET["id"]; // 从 URL 字符 串 获 取 商 品 的 id, 因此 必须 手工 添加 URL 字符 串 
$ _SESSION[ "user"] = "tang"; // 本 来 应 从 登录 页 面 获 取 用 户 的 用 户 名 ,这 里 直接 设置 
$ result = $ conn -> query("select * from shop where id= $ id"); // 显 示 ID 对 应 的 商品 


$row= $result —> fetch assoc();?> 
< table width = "200" border = "1" cellspacing = "0" cellpadding = "0" style = "float:left"> 

<tr><td id= "spn"><? = $row["name"] ?></td> </tr> 

<tr><td>< img src= "images/<? = $row["img"] ?>"/></td> </tr> 

<tr><td> 类 型 :<b id= "spt"><? = $row["type"] ?></b></td> </tr> 

<tr><td> 价 格 :<b id= "spp"><? = $ row["price"] ?></b> &nbsp; 数量 : 
< input type= "text" value= "1" id = "num" size = "2" style = "text - align:right;"/> 件 </td> 
</tr> 

<tr><td>< input type= "image" src= "images/cart. png" id = "order"/> 
< input type= "hidden" id= "spid" value= "<? = 8$row["id"] ?>"/></td></tr> 

</table> 
<p style= "float:left"> 您 购物 车 中 的 商品 有 </p><br /> 
<div style =" width: 200; border: 1px solid gray; background: # fee; height: 200; float: left; 
margin:5px" id = "cart"><! -- 该 div 表示 购物 车 --> 
<? $result= $ conn 一 > query("Select * from cart where user = '". $ _SESSION["user"]."'order 
by id desc"); 
if( $result ->num rows>0){ 

while( $ row = $result ->fetch assoc()){ ?> <! -- 循环 输出 购物 车 中 的 商品 --> 
<div id= "fff<?= $row["spid"] ?>" style= "border - bottom:1px dashed red;"> 
商品 名 :<? = $ row["name"] ?>< br /> 类 型 :<? = $row["type"] ?><br /> 
价格 :<b><? =$ row["price"] ?></b><br /> 数量 :<b><? = $row["num"] ?></b> 
</div> 
<?}} 
else echo ' 当 前 购物 车 为 空 '; ?> 
</div> 
<div style=" width:200;border:1px solid gray; background: # fee; float:left; margin:5px" id 
= "pric"></div ><! 一 该 div 用 来 显示 商品 总 数量 和 总 价格 --> 


<? session_start(); 
header( "Content — type: text/html; charset = gb2312"); 
require( 'conn. php'); 


$ id= $ _GET["id"]; // 获 取 商 品 ID 
$ spn = unescape( $ _GET[ "spn" ]); // 获 取 商 品名 
$ spt = unescape( $ _GET[ "spt" ]); // 获 取 商 品类 型 


$ spp= $_GET["spp"]; $ num= $ _GET[ "num"]; 
$result= $ conn - > query("Select * from cart where spid = $ id and user = '". $ _SESSION 
[amee™ ]. "Ys 
if( $result—>num rows>0){ // 如 果 购 物 车 中 有 这 种 商品 
$ sql = "update cart set num = num + ". $ num." where spid= $ id"; // 将 该 商品 数量 增加 
$ conn—> query( $ sql); 
$result = $ conn 一 > query("Select * from cart where spid= $ idand user = '".$ 
SESSION[ "user"].""™"); 
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$row= $result 一 > fetch assoc(); 
echo $ row[ 'num'].'|'. $id; } // 输 出 该 商品 的 id 和 最 新 的 件数 
elsef // 如 果 购 物 车 中 没有 这 种 商品 ,将 该 商品 记录 插入 到 cart 表 中 


" 


$ sql = " insert into cart (spid, name, price, num, type, user) values ( $id, '". $spn."',". 
SSTORE We 
if( $ conn—> query( $ sql)) echo 1; // 如 果 插 入 记录 成 功 则 输出 1 


}?> 


运行 该 程序 时 ,需要 在 10-22. php 后 添加 ID 参数 ,如 http://localhost/10-22. php? 
id 一 1, 将 打开 ID 为 1 的 商品 页 面 。 由 于 每 个 客户 需要 一 个 单独 的 购物 车 ,因此 cart 表 中 必 
须 有 user 字段 ,然后 根据 当前 的 登录 用 户 查 找 cart 表 中 该 用 户 的 购物 车 记录 。 但 是 本 程序 
省 略 了 用 户 登 录 模 块 ,因此 设置 了 一 个 Session("user") 一 "tang" ,在 实际 程序 中 可 直接 获 
取 登 录用 户 的 Session 变量 值 。 

购物 车 程序 一 般 还 需要 有 清空 购物 车 功能 ,也 就 是 当 单 击 “清空 ?按钮 时 ,将 清空 cart 
表 中 某 个 用 户 的 所 有 购物 记录 ,清空 购物 车 的 代码 留 给 读者 思考 。 


(i0,4 以 Ajax 方式 修改 记录 


10.4.1 基本 的 Ajax 方式 修改 记录 程序 


修改 记录 的 过 程 实际 上 可 分 为 两 步 。 

(1) 根据 ID 查找 记录 并 将 要 修改 的 记录 显示 在 表单 中 。 当 用 户 单 击 图 10-19 中 每 条 
记录 后 的 “编辑 ”链接 时 ,就 会 在 页 面 下 方 的 #editbox 元 素 中 动态 加 载 供用 户 修 改 记 录 的 编 
辑 框 ,并 将 记录 的 各 个 字段 显示 在 编辑 框 中 。 


恒 Ajax 篇 辑 和 删除 记录 - 由 orer 
文件 四 ”编辑 人 E) 查看 久 ) WW 工具 0 帮助 中 
吊 奸 和 禄 http://1ocalhost/guestbook/Ajaxeditl. php 


标题 内 容 作者 email 来 自 。 续 轩 几 除 
了 胎 大 家 开心 排 常 感谢 大 家 的 帮助 关 积 分 。 xt a@tom. com [202. 103. 56. 6 弓 轻 [ 钢 除 


了 
酝 
本 


光 是 测试 留言 。 [你 看 到 我 的 留言 了 吗 耳 四 薪 。 tangsix@163. con [127. 0.0.1 
全 五 条 留言 哮 欢 学 习 Ajax 吗 |shifan@163. con [127.0.0.1 


区 心 请 堵 个 问题 | 咕 拆 目录 中 的 文件 如 何 预览 随 三 彩 。 [renren@qq. con [127. 0.0.1 总 


留言 主题 。 | 基 ' 请 各 个 辣 是 
留言 人 : 三 条 
联系 方式 ||renrer@qq. con 


- = 单 击 "编辑 * 
留言 内 容 : | 链接 则 弹出 


| 编辑 框 
|] 


一 


图 10-19 以 Ajax 方式 编辑 和 删除 记录 的 界面 


制作 步骤 如 下 。 
首先 在 客户 端 页 面 (10-23. php) 的 每 条 记录 后 放置 一 个 “编辑 链接: 
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<tr id= "fff <?= $row['ID'] ?>"> <! -- 给 每 行 赋予 一 个 不 同 的 ID 属性 值 --> 
<td><? = $row["title"] ?></td> <td><? = $ row["content"] ?></td>… 
<td><a href = "javascript:;" onclick = "edit1(<? = $ row["ID"] ?>)"> 编 辑 </a></td></tr> 


当 单 击 该 链接 时 ,就 会 调用 函数 editl (id) 并 将 这 条 记录 的 ID 传递 给 该 函数 。 为 了 方 
便 通过 记录 ID 找到 记录 所 在 的 行 ,给 每 个 tr 标记 增加 了 一 个 ID 属性 ,其 值 为 记录 的 ID， 
于 id 属性 值 不 能 以 数字 开头 , 故 添加 前 级 fff。 

函数 editl(id) 的 功能 是 : 将 ID 值 发 送 给 服务 器 页 面 (10-24. php) 进 行 查询 ,10-24. php 
根据 id 查找 到 对 应 的 记录 并 返回 字符 串 ,editl() 将 返回 的 字符 串 进 行 切 分 后 ,放置 在 表单 
的 各 个 表单 域 中 ,最 后 显示 表单 供用 户 对 原 记 录 进 行 修改 。 关 键 代 码 如 下 : 


function editl(id) { // 根 据 传 来 的 ID 查询 要 修改 的 记录 
$ .post("10—24.php", {id:id,act:"edit"}, 
function(data){ 
str= data. split("|"); // 将 返回 的 数据 进行 切 分 ,并 放置 在 表单 文本 框 中 
str0 = '……*< input type = "text" id= "title" value="'+ str[1] + '"></td></tr><tr> 
<td> 留 言 人 :</td> < td>< input type = "text" id= "author" value="'+ str[2] + "> < input 


type = "button" id = "Submit"” value = " 修 改 " onClick = "javascript:modifyl('+ str[0] + ');"> 
< input name = "reset" type = "reset" id = "reset" value = "关闭 " onClick = "javascript:close2 
Os 
$ ("#editbox"). html(str0); 
$("#editbox").fadeIn(300); 。 // 以 渐 现 方式 显示 弹出 框 
1D);} 


(2) 用 户 在 表单 中 修改 信息 并 单 击 “ 修 改 ” 按 钮 后 ,就 会 调用 函数 modify1(id) ,并 将 这 
条 记录 的 ID 传递 给 该 函数 ,该 函数 首先 获取 用 户 在 表单 中 输入 的 内 容 , 将 这 些 内 容 连 同 记 
录 的 ID 一 起 发 送 给 10-24. php,10-24. php 根据 ID 找到 记录 进行 修改 ,修改 完成 后 发 送 数 
据 1 给 客户 端 表示 修改 成 功 ,客户 端 收 到 1 后 ,就 在 页 面 上 单独 更 新 记录 所 在 行 的 数据 。 最 
后 关闭 信息 修改 框 的 界面 。 关 键 代码 如 下 : 


function modifyl (id) 
{ title= $("#title").val(); ee // 首 先 清空 表单 各 输入 框 的 内 容 
$ .post("10— 24.php", { 
title:escape(title), // 发 送 表单 中 的 内 容 和 ID 给 10 - 24.php 
id:id,… act:"modify" }, 
function(data){ 
if(data ==1) // 如 果 服 务 器 端 修改 成 功 
{ kk= "fff" + id; // 找 到 记录 对 应 的 行 
s= document. getElementById(kk). firstChild; // 该 行 中 的 第 一 个 单元 格 
Ss. innerHTML = title; // 逐 个 修改 行 中 每 个 单元 格 的 数据 
s=s.nextSibling; …… } } ); 
close2() // 关 闭 修改 框 


i 


以 Ajax 方式 修改 记录 的 完整 代码 (10-23. php 和 10-24. php) 如 下 ,运行 10-23. php ,并 
单 击 “ 编 辑 ” 链 接 后 ,页 面 下 方 将 出 现 编辑 框 ,如 图 10-19 所 示 。 用 户 在 编辑 框 中 输入 了 信息 
并 单 击 “ 修 改 ” 按 钮 后 ,页 面 上 方 表格 中 的 相应 记录 将 会 更 新 ,同时 编辑 框 会 消失 ,整个 过 程 
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页 面 都 不 会 刷新 。 


<script> 
function edit1(id) { // 显 示 该 廿 对 应 的 记录 到 表单 中 
$ .post("10 - 24.php",{fid:id,act:"edit"},，// 发 送 ID 给 10 - 24.php 进行 查询 
function(data){ 
str= data. split("|"); // 将 服务 器 返回 的 数据 进行 切 分 
// 制 作 修改 框 ,并 将 数据 放置 在 修改 框 中 \ 是 将 一 行 代码 写成 多 行 的 分 行 符 
str0 = '< table width = "600" border = "0" cellspacing = "1" bgcolor = "#999999">\ 
< form name = "forml">< tbody bgcolor = " #ffffff">< tr bgcolor = "#999999">\ 
<td width= "125"> 留 言 主题 :</td>\ 
<td width = "475">< input type = "text" id = "title" value="'+str[1] + '"></td></tr>\ 
<tr><td> 留 言 人 :</td> < td>< input type = "text" id = "author" value="'+ str[2] + '"> 
</td> </tr>\ 
<tr><td> 联 系 方式 :</td>\ 
<td>< input type = "text" id= "email" value="'+str[3] + "></td></tr>\ 
<tr><td> 留 言 内 容 :</td>< td>\ 
< textarea id = "content" cols = "30" rows = "3">'+ str[4] + '</textarea></td></tr>\ 
<tr><td></td>< td>\ 
< input type = "button" id= "Submit" value = " 修 改 " onClick = "javascript: modifyl('+ str 
Lo 
< input name = "reset" type = "reset"” jd = "reset" value = "关闭 " onClick = "javascript: 
close2();"/>\ 
</td></tr></tbody></form></table>'; ”// 字 符 串 str0 的 内 容 到 此 才 结 束 


$ ("#editbox"). html(str0); // 在 弹出 层 中 载 人 修改 表单 及 其 中 的 数据 
$ ("#editbox"). fadeIn(300); // 以 渐 现 方式 显示 修改 弹出 框 
}); 
$ 
function close2(){ // 关 闭 弹出 框 的 函数 
$ ("#editbox").css("display", "none"); 
二 
function modifyl(id){ // 修 改 记录 的 函数 


title= $ ("#title").val();author= $("#author").val(); // 获 取 表单 中 的 内 容 
email = $ ("#email").val(); content = $ ("#content"). val(); 
$ .post("10— 24.php", { // 发 送 ID 和 表单 中 的 内 容 给 10 - 24. php 
title:escape(title), author:escape(author), 
email:escape(email), content:escape(content), 
id:id, act:"modify" }, 


function(data){ // 在 客户 端 修改 记录 
if(data== 1){ 
Keeffe Hid // 根 据 ID 找到 记录 对 应 的 行 
s= document. getElementById(kk). firstChild; // 该 行 中 的 第 一 个 单元 格 
s. innerHTML = title; // 修 改 第 一 个 单元 格 的 内 容 
s=s.nextSibling; // 该 行 中 的 第 二 个 单元 格 
s. innerHTML = content; 
s= s. nextSibling; // 该 行 中 的 第 三 个 单元 格 


s. innerHTML = author; 
s= Ss.nextSibling; 
s. innerHTML = email; } 


close2(); }); // 关 闭 修改 框 
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下 

function dell(id){} // 根 据 ID 删除 记录 的 函数 ,在 10.5.1 节 再 加 入 代码 
</script> 
<? require('conn. php') // 以 下 代码 以 表格 形式 显示 记录 


$result= $ conn 一 > query("select x from lyb"); 
if( $ result 一 > num_ rows> 0) { ?> 
<table align = "center" border = "1"> <tr bgcolor = "#e0e0e0"> 
< th > 标题 </th>< th width = "100"> 内 容 </th>< th width= "60"> 作 者 </th> 
<th> email </th><th width = "80"> 来 自 </th>< th> 编 辑 </th>< th> 删 除 </th></tr> 
<tbody id= "make"> 
<? while( $ row= $ result 一 > fetch assoc()){ ?> 
<tr id= "fff <? = $ row['ID'] ?>"> <! -- 不 能 加 注释 ,该 注释 运行 时 必须 删除 --> 
<td><? = $row["title"] ?></td> 
<td><? = $ row["content"] ?></td> <td><? = $ row["author"] ?></td> 
<td><? = $row["email"] ?></td><td><?= $ row["ip"] ?> </td> 
<td><a href = "javascript:;" onclick = "edit1(<? = $ row["ID"] ?>)"> 编 辑 </a></td> 
<td><a href = "javascript:;" onclick = "dell(<? = $ row[ "ID"] ?>)"> 删 除 </a></td> 
</tr> 
3 
</tbody></table> <! -- 语 句 @ --> 
< 
else echo "<p> 目 前 还 没有 用 户 留言 </p>";?>< br/> 
<div id = "editbox"></div> <! -- 用 来 加 载 编辑 框 -- >、 


10-24. php 的 功能 分 为 两 部 分 , 即 对 于 单 击 “ 编 辑 ” 链 接 时 ,就 查找 对 应 的 记录 ,并 以 特 
殊 字符 串 的 形式 输出 该 记录 给 10-23. php; 对 于 单 击 “修改 ?按钮 后 , 则 修改 对 应 的 记录 ,并 
输出 修改 成 功 的 标志 1 给 10-23. php。 

A 请 革 0 一 2 本人 下 生生 二 人 二 一 二 二 一 二 一 


<? header("Content - type: text/html; charset = gb2312") 
require( 'conn. php'); 


$ id= $ _POST["id"]; // 获 取 记 录 ID 
$act= $_REQUEST["act"]; 
if( $act== "edit"){ // 显 示 记 录 中 原 有 的 内 容 到 编辑 表单 中 


$ sql = "select * from lyb where ID= $ id order by ID desc"; 
$result = $ conn—> query( $ sql); 
if( $result ->num rows>0) { 
$row= $ result 一 > fetch assoc(); 
$id= $row["ID"]; $title= $row["title"]; 
$author = $row["author"]; $ email = trim( $ row["email"]); 
$ content = trim( $ row["content"]); 
echo $id."|". $title."|". $author."|". $ email."|". $ content; 
})} 
if( $act== "modify"){ // 修 改 数 据 表 中 的 相关 数据 ,完成 在 服务 器 端的 修改 
$id= $ _POST["id"]; $ title= unescape( $ _POST["title"]); 
$author = unescape( $ _POST["author"]); 
$ email = unescape(trim( $ _POST[ "email"])); 
$ content = unescape(trim( $ _POST["content"])); 
$ sql = "Update lyb Set title = ' $title', author = ' $ author', email = ' $ email', content = 
'$ content' Where ID= $ id"; 
if( $ conn 一 > query( $ sql)) echo 1; // 输 出 1 通知 客户 端 记录 已 修改 成 功 
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if( $act== "del"){} // 删 除 记录 ,将 在 10.5.1 节 中 实现 


?> 


这 样 就 实现 了 在 页 面 无 刷新 的 情况 下 编辑 和 修改 记录 。 为 了 有 更 好 的 用 户 体验 ,我 们 
可 以 通过 CSS 属性 将 编辑 框 设置 为 绝对 定位 元 素 , 然 后 设置 它 的 偏 移 属性 使 其 琶 放 在 页 面 
的 指定 位 置 上 ,效果 如 图 10-20 所 示 。 为 #editbox 元 素 添加 的 CSS 代码 如 下 : 


#editbox{ 
width:402px;z — index:999;background: silver; 
position:absolute; top:20% ; left:30%; 
border:1px #ccc solid;display:none; 
filter:dropshadow(color = #3666666, offx= 3,offy= 3,positive= 2); 
/* 使 用 滤 镜 添加 阴影 效果 * / 
} 
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文件 加 编辑 如 查看 山 ， 收 大 人 工具 上 下 助 0 六 | 让 
天 十 加 | 图 http://16calhost/ goestbook/Ajazeditl. php SSE 


Pw™ 
EEE 
图 10-20 将 编辑 框 设 置 成 绝对 定位 元 素 后 的 效果 


可 以 看 出 ,一 次 修改 记录 的 过 程 实际 上 与 服务 器 进行 了 两 次 通信 ,第 一 次 是 发 送 ID 给 
服务 器 查询 对 应 的 记录 以 显示 在 编辑 框 中 ,第 二 次 是 发 送 ID 和 编辑 框 中 的 内 容 给 服务 器 以 
修改 对 应 的 记录 。 


10.4.2 制作 无 刷新 投票 系统 


Ajax 方式 修改 记录 的 一 个 典型 应 用 是 制作 无 刷新 投票 系统 。 以 制作 一 个 书评 投票 系 
统 为 例 , 网 页 中 列 出 了 5 条 书评 ,你 可 以 对 它们 投票 。 投 票 系统 需要 一 个 news 表 , 在 该 表 
中 有 一 个 dig 字段 ,记录 了 每 条 书评 的 票数 。 当 用 户 为 某 条 书评 投票 后 ,就 使 该 书评 记录 中 
dig 字段 的 值 加 1, 即 该 书评 的 票数 加 1。 普 通 的 投票 系统 在 投票 后 页 面 会 刷新 ,使 用 Ajax 
技术 后 可 以 将 用 户 投 票 的 记录 ID 异步 发 送 给 服务 器 端 ,服务 器 端 根 据 该 ID 查找 到 对 应 记 
录 , 青 将 该 记录 的 dig 字段 值 (票数 ) 加 1。 

为 了 防止 用 户 重复 投票 ,投票 系统 的 一 个 基本 要 求 是 一 个 用 户 只 能 为 一 条 新 闻 投 一 票 ， 
本 例 中 采用 Session 判断 是 否 是 同一 用 户 ,如果 Session 变量 不 为 空 ,表明 是 原来 的 用 户 , 则 
不 允许 投票 ,显示 “您 已 经 投 过 票 了 ”。 
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投票 的 过 程 是 , 当 用 户 单 击 某 条 新 闻 后 的 “ 投 一 票 " 链 接 后 ,将 调用 函数 Dig(id) ,并 将 记 
录 的 id 值 传 递 给 该 函数 ,Dig(id) 函 数 将 该 id 值 发 送 给 service. php 页 面 进行 查询 。 如 果 存 
在 该 条 记录 ,并 且 Session 变量 为 空 , 表 示 可 以 投票 ,将 该 条 记录 的 dig 字段 值 加 1; 否则 输 
出 “您 已 经 投 过 票 了 ”。 如 果 找 不 到 记录 id 对 应 的 记录 则 显示 参数 错误 。 无 刷新 投票 系统 
的 代码 (10-25. php 和 service. php) 如 下 ,10-25. php 的 运行 效果 如 图 10-21 所 示 。 


<script> 

function Dig(id) { // 当 单 击 " 投 一 票 "链接 时 
var content = document. getElementById("dig" + id); // content 是 显示 " 投 一 票 "的 元 素 
// dig 是 显示 票数 的 元 素 , 其 id 属性 值 为 一 个 数字 ,如 id= "3" 
var dig = document. getElementById(id); 


$ .ajax({ 
type: "get", url: "service. php", 
data: {id:id,n:Math. random()}, // 发 送 记录 ID 给 service. php 
beforeSend: function(){ $ (dig). html( '< img src = "images/Loading. gif">');}, 
success: function(data){ // 处 理 返 回 的 数据 


r=data. split("|"); 
if(r[0].indexOf("yt")!= -1 ){ // 已 经 投 过 票 的 情况 ,也 可 写成 r[0] == "yt" 
$ (content). html(" 您 已 经 投 过 票 了 ! ") 


$ (dig) ,html(r[1]) 7 // 显 示 原 来 的 票数 
} 
else if(data == "NoData") // 没 有 找到 记录 
{alert(" 参 数 错误 !");} 
else{ $ (dig). html (data); // 服 务 器 修改 成 功 ,更 新 票数 


$ (content). html(" 投 票 成 功 "); // 将 投 一 票 改 成 投票 成 功 
setTimeout("rightinfo("+id+")",3000);  //3s 后 调用 rightinfo(id) 
Ha 
function rightinfo(id) { // 将 "投票 成 功 "还 原 成 "查看 "链接 
var content = document. getElementById("dig" + id); 
$ (content).html('<a href = "shownew. php?id=' + id + '"> 查 看 </a>'); 
} 
</script > 
<? require( 'conn. php'); 
$result= $ conn 一 > query("Select * From News Order By ID Desc"); 
if( $result—>num rows>0) { 
while( $ row= $ result -> fetch assoc()){ 
?> 
<div class = "news" style= "padding:6px; border:1px solid green; margin:5px;width:450px; "> 
<div class = "dig" style = "float:right;clear:both"> 
<h3 id= "<? = $row["ID"]?>"><? = $ row[ "dig"]?></h3 ><! --h3 是 $ (dig) 对 象 --> 
<p id= "dig<? = $row["ID"]?>"><! --p 是 $ (content) 对 象 --> 
<a href = "javascript:Dig(<? = $ row["ID"]?>);"> 投 一 票 </a></p> 
</div> 
<div class = "content" style= "float:left; clear:both"> 


‘9) 
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<h3><?= $row["ID"]?> <a href ="#"><?= $row["title"]?></a></h3> 
<? = substr( $ row["content"],0,30)?><br /> 作者 :<? = $ row[ "addname" ]?> 评论 : 
<? = $ row["pinglun"]?> 条 时 间 :<? = substr( $ row["addtime"],0,10)?></div> 
</div> 
<? }} ?> 


<? session start(); 
header( "Content — type: text/html; charset = gb2312"); 
requirel( 'conn. php'); 


$id= $ _GET["id"]; // 获 取 记 录 芭 
$ sql = "Select * From news Where id= $ id"; 
if( $ _SESSION[ "id". $ id]<>""){ // 如 果 这 条 记录 已 经 投 过 票 了 


$result = $ conn—> query( $ sql); 
if( $ result 一 > num rows ==0) 
echo "NoData"; 
elsef 
$row= $ result 一 > fetch assoc(); 
echo 'yt|'. $ row["dig"]; 
}} 
else{ // 尚 未 投 过 票 的 情况 
$result= $conn—> query( $ sql); 
if( $ result —> num rows == 0) 
echo "NoData"; 
else {$row= $result —> fetch assoc(); 
$dig = $row["dig"]; 
$ sql = "Update news Set dig= $ dig+1 Where ID= $ id"; 


$ conn ~—> query( $ sql); // 将 数据 库 中 的 票数 加 1 
$_SESSION["id". $id] = $id; // 写 人 Session 变量 
echo ++ $ dig; 


}} 
?> 
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文件 四 ”编辑 EE) 查看 WW) 收藏 工具 I) 帮助 0D 


王 二 加 | 轿 http: /1o6calhost/ adie/index. php SSE 
5 鹿 易 记 38 
武侠 史 首 次 以 该 谐 、 反 识 、 批 判 观 写作 的 巨著 投 一 村 
作者 ，adnin 评论 0 条 时 间 : 2008-6-10 
4 天 龙 八 部 24 
是 金庸 哲 学、 内 涵 、 人 性 、 情 节 等 的 闫 峰之 作 投 一 票 
作者 : adnmin 评论 :0 条 时 间 : 2008-6-10 
3 简 天 屠龙记 21 
全 唐 “ 射 周三 部 曲 ” 之 第 三 部 曲 查看 

2 3 各 志 证 这, 时 四 .205 oP 


图 10-21 Ajax 投票 系统 (10-25. php) 运 行 效果 图 
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该 实例 中 , 单 击 “ 投 一 票 ”链接 ,如 果 投 票 成 功 后 会 显示 "投票 成 功 ?提醒 用 户 , 但 过 3s 之 
后 “投票 成 功 ” 又 会 恢复 成 “查看 ”链接 。 


(10.5 以 Ajax 方式 删除 记录 


有 


10.5.1 基本 的 删除 记录 程序 


在 图 10-19( 程 序 10-23. php) 中 已 经 提供 了 “删除 ”记录 的 链接 , 当 用 户 单 击 “ 删 除 ” 链 接 
时 ,将 调用 函数 dell(id) ,并 将 记录 的 ID 值 传递 给 该 函数 ,函数 dell (id) 将 ID 用 $. get 方 
法 发 送 给 服务 器 端 ,服务 器 根据 该 ID 删除 对 应 的 记录 后 ,重新 执行 查询 ,将 删除 后 记录 表 中 
的 数据 输出 给 客户 端 ,客户 端 将 这 些 数据 载 人 到 DOM 元 素 中 。 

删除 记录 的 程序 可 以 和 修改 记录 的 程序 (10-23. php) 写 在 一 起 。 首 先 把 下 面 的 代码 替 
换 10-23. php 中 function dell(id) {)。 


function dell(id){ 
$ .get("10— 24.php", {id:id,act:"del"}, 
function(data){ // 回 调 函 数 
$ ("#make"). html (data); 
Da 


然后 将 下 面 的 代码 加 到 10-24. php 的 末尾 ,用 来 在 服务 器 端 删 除 记录 。 青 运行 10-23. 
php 文件 , 单 击 图 10-22 中 “删除 ”链接 即 可 以 实现 不 刷新 网 页 “删除 ”记录 。 


<? if( $act== "del"){ 
$id = $_GET["id"]; 
$ sql = "delete from lyb where ID= $ id"; // 删 除 id 对 应 的 记录 
if( $ conn—> query( $ sql)){ 


$ result = $ conn—> query("select * from lyb order by ID desc"); 
while( $ row= $ result 一 > fetch assoc()){ ?> 
<tr id= "fff <?= $row['ID'] ?>"> 
<td><? = $row["title"] ?></td> <td><? = $ row["content"] ?></td> 
<td><? = $row["author"] ?></td> <td><? = $ row["email"] ?></td> 
<td><?= $row["ip"] ?> </td> 
<td><a href = "javascript:;" onclick = "edit1(<? = $ row["ID"] ?>)"> 编 辑 </a></td> 
<td><a href = "javascript:;" onclick = "dell(<? = $ row["ID"] ?>)"> 删 除 </a></td> 
</tr> <? } 


| 


与 添加 记录 一 样 ,删除 记录 也 可 以 不 将 删除 后 更 新 的 结果 集 重新 传 给 客户 端 ,而 是 在 
10-24p. php 删除 记录 成 功 后 发 送 标 志 1 给 客户 端 ,客户 端 页 面 简单 地 删除 该 条 记录 对 应 的 
表格 行 。 为 此 ,可 以 将 上 述 代码 中 的 代码 段 A 蔡 换 成 如 下 的 代码 : 
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s! rn er 于- 
[本 编辑 多) 查看 W) 收 阐 QQ 工具 CD) ET 
| 是 三 加 | 狠 http://1ocalhost/guestbook/Ajaxeditl. php 和 


标题 作者 ail | 未 9 | 区 | 本 | 色 
加 河 


培 天 家 开心 腓 常 感谢 大 家 的 帮助 丽 积 分 [rt a@tom. com 202. 103. 56. 6 隔 加 出 

咱 ' 心 请 教 个 问题 [ 唾 拟 目录 中 的 文件 如 何 预览 莉 三 胸 renren@qq. com |127.0.0.1 当 

辽 是 测试 留言 ”| 你 看 到 我 的 留言 7 吗 耳 四 薪 fanesize163. con|127.0.0.1 ” 隔 双 恒 
[IE 


[3 [ER E73 rr CEC 


10-22 无 刷新 删除 记录 的 程序 运行 效果 


echo 2; // 输 出 2 通知 客户 端 记录 已 修改 成 功 


再 将 10-23p. php 中 函数 dell(id) 的 回调 函数 修改 如 下 : 


function dell(id){ 
$ .get("10- 24.php", {id:id,act:"del"}, 
function(data){ 
if(data==2) { // 如 果 收 到 数据 2, 表示 服务 器 端 已 删除 成 功 
kk = "fff" + id; 
s= document, getElementById(kk); // 找 到 被 删除 记录 对 应 的 表格 行 
$ (s), remove(); // 使 用 jQuery 的 remove() 方 法 删除 该 tr 元素 


I 
yn 
这 样 删除 记录 后 不 需要 重新 载 和 人 更 新 后 的 数据 表 ,删除 操作 的 速度 更 快 了 。 


10.5.2 同时 删除 多 条 记录 的 程序 


在 5.3.4 节 中 ,给 出 了 同时 删除 多 条 记录 的 程序 。 本 节 我 们 用 Ajax 方式 实现 无 刷新 的 
同时 删除 多 条 记录 。 为 此 ,首先 修改 图 10-22 的 网 页 外 观 ,将 每 条 记录 后 的 “删除 ?链接 替换 
成 一 个 复 选 框 , 只 要 将 清单 10-23. php 中 的 “删除 ? 超 链接 代码 修改 如 下 : 


<td>< input type = "checkbox"” name = "sel" value ="<% =rs("id")%>"></td> 


然后 在 表格 下 方 添加 一 行 用 来 放置 “删除 ?按钮 ,效果 如 图 10-23 所 示 。 这 只 需 在 10-23. 
php 中 的 语句 @@ 前 添加 如 下 代码 : 


<tr bgcolor = "#E0E0E0">< td></td>< td></td>< td></td>< td></td>< td></td> 
<td>< input type = "button" value = "删除" onclick = "del2()"></td></tr> 


这 样 , 当 单 击 “ 删 除 ” 按 钮 时 ,将 执行 函数 del2() 。 该 函数 首先 获取 选中 的 所 有 复 选 框 的 
value 值 (保存 了 记录 的 id 值 ) ,然后 将 它们 逐个 添加 到 数组 delsel[ ] 中 ,再 将 数组 delsel[ 中 
的 所 有 元 素 连 接 成 字符 串 idstr ,这样 idstr 中 就 保存 了 形 如 “5,8,9” 的 多 条 记录 id, 将 idstr 
发 送 给 10-24. php 进行 删除 ,如 果 收 到 10-24. php 删除 成 功 的 标志 1, 则 在 客户 端 删除 每 条 
记录 对 应 的 行 。 

函数 del2O 〇 的 代码 如 下 ,将 其 添加 到 10-23. php 文件 中 即 可 。 
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function del2(){ // 单 击 "删除 "按钮 时 执行 
var delsel = new Array(); // 定 义 数组 delsel 
$ (" :checkbox:checked" ) . each(function(){ // 对 每 个 被 选中 的 复 选 框 

delsel[delsel. length] = this. value; // 将 选中 记录 的 ID 值 保 存 到 数组 中 
]) 7 
idstr = delsel. join(); // 将 数组 delsel 转换 成 字符 串 
$ .get("10- 24.php",{fid:idstr,act:"mutidel"}， // 发 送 选中 记录 这 组 成 的 字符 串 给 10 - 24. php 
function(data){ 

if(data==1) { 

for (i in delsel){ // 对 每 个 数组 中 保存 的 记录 ID 值 


kk = "fff" + delsel[i]; 
s= document. getElementById(kk); // 被 删除 的 记录 对 应 的 行 
$ (s). remove(); // 删 除 行 
属国 地 人 
} 


提示 : 在 上 述 代 码 中 ,数组 delsel 最 初 为 空 ,因此 delsel. length 初 值 为 0, 则 delsel 
[delsel. length]=this. value 会 把 第 一 个 选中 元 素 的 值 保 存 到 delsel[0] 中 ,这 样 delsel. 
length 的 值 变 为 1, 则 第 二 次 遍历 时 ,就 会 把 第 二 个 选中 元 素 的 值 保 存 到 delsel[1] 中 ,如 此 
循环 。 

最 后 在 10-24. php 的 代码 中 增加 处 理 删除 多 条 记录 的 程序 : 


if( $act== "mutidel"){ 
$id= $_GET["id"]; 
$ sql = "delete from lyb where ID in ( $ id)"; // 删 除 多 条 记录 
if( $conn—> query( $ sql)) echo 1; 


这 样 修改 完成 后 ,10-23. php 文件 的 运行 效果 如 图 10-23 所 示 。 


局 Aj az 方式 篇 辑 和 副 除 记录 - Wicrosoft Internet Explorer 
文件 EE) 编辑 EE) 查看 WD 收藏 由 工具 CI) 帮助 中 
地 址 加 ) 网 at fflocalhost/guestbook/Ajaxedit. php 

标题 内 容 | 作者 email 来 自 ”了 蝙 辑 
| 祝 大 家 开心 。 “非常 感谢 大 家 的 帮助 胡 积分 。 |xta@tom. com 202. 103. 56. 6 编辑 
-生肖 ey Irenren@qq. com |127.0.0.1 “| 编辑 


| 这 是 测试 留言 “| 你 看 到 我 的 留言 了 吗 唐 四 薪 。 |tangsix@163. com |127.0.0.1 编组 | 局 | 
| 第 五 条 留言 。 | 喜欢 学 习 Ajax 吗 苦 编 程 。 [shifan@163. com |127.0.0.1 ”阳性 | 


图 10-23 以 Ajax 方式 同时 删除 多 条 记录 


(10.6 以 Ajax 方式 进行 结果 集 分 页 


使 用 Ajax 技术 实现 无 刷新 分 页 的 思路 是 这 样 的 ,客户 端 页 面 发 送 页 码 给 服务 器 端 , 服 
务 器 端 根据 该 页 码 进 行 查询 ,返回 该 页 对 应 的 结果 集 ,客户 端 将 返回 的 内 容 载 人 到 DOM 元 
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素 中 即 实现 了 分 页 ,这 从 本 质 上 看 是 以 Ajax 方式 查询 数据 库 。 
10.6.1 基本 的 Ajax 分 页 程序 


传统 的 分 页 程序 中 ,分 页 一 般 是 将 页 码 通 过 URL 参数 的 形式 传递 给 分 页 程序 的 ,在 
Ajax 中 ,可 以 将 页 码 作为 $. get() 方 法 的 参数 传递 给 动态 页 ,然后 动态 页 根据 该 参数 回 显 
某 一 页 的 内 容 给 前 台 页 面 ,前台 页 面 再 载 和 该 分 页 的 内 容 。 为 此 ,每 个 分 页 链接 不 再 指向 一 
个 URL 地 址 ,而 是 链接 到 一 个 分 页 的 函数 ,该 函数 中 有 一 个 参数 用 来 传递 页 码 给 服务 器 。 

制作 步骤 为 : 首先 将 5. 4. 1 节 中 的 分 页 程序 稍 作 修改 ,主要 是 修改 了 分 页 链接 的 代码 ， 
单 击 分 页 链接 后 将 调用 getweblistCn) 函 数 , 并 将 页 码 传递 给 该 函数 ,修改 后 的 代码 如 下 : 


------------------------------ 清单 10 - 26. php --------------------------- 
<? header("Content - type: text/html; charset = gb2312"); 
requirel( 'conn. php'); 
$act= $_GET["act"]; 
if( $act== "list"){ 
$ sql= "select * from lyb order by ID desc"; 
$result= $conn—> query( $ sql); 
$ RecordCount = $ result ~ > num rows; 
if( $ RecordCount > 0) { 


if( $ _GET["pageNo"] == "") $ pageNo=1; // 如 果 没 有 页 码 则 显示 第 一 页 
else $ pageNo= intval( $ _GET["pageNo" ]); 
$ PageSize = 4; // 设 置 每 页 显示 4 条 记录 


$ PageCount = ceil( $ RecordCount/ $ PageSize); 
$result ->data seek(( $ pageNo— 1) * $ PageSize); 
for( $i=0;$i<$PageSize; Si++){ 
$row= $result—> fetch assoc(); 
if( $ row){ // 如 果 记 录 不 为 空 ,用 来 处 理 末 页 的 情况 
echo "<tr><td width= '100>". $ row[ "title"]."</td>"; 
echo "<td>". $ row["content"]."</td>< td>". $ row["author"]."</td>"; 
echo "<td>". $ row["email"]."</td><td>". $ row["ip"]."</td>"; 
echo "< td><a href = 'javascript:;'onclick = 'edit1(". $ row["ID"].") 2 编辑 </a></td>"; 
echo "< td><a href = 'javascript:;'onclick= 'dell(". $ row[ "ID"].") > 删除 </a></td> </tr>"; 
}} 
// 下 面 是 显示 分 页 链接 的 代码 
$Str = $Str . "<a href= 'javascript:void(getweblist(1)) ><<</a> "; 
for( $i=1;$i<= $PageCount; $ i++){ 
if( $i== $ pageNo) 
$Str = $Str. "< span style= 'font - weight:bold;color:red;font — size:16px; >" . $i. "</span> "; 
else 
$sStr = $Str."<a href = javascript:void(getweblist(". $1i."))>". $i. "</a>";} 
$Str = $Str."<a href= 'javascript:void(getweblist(" . $ PageCount . ")) >>></a>"; 
echo "<tr><td colspan = '7>". $ Str."</td></tr >"; 
Py? 


需要 注意 的 是 ,虽然 该 文件 中 没有 getweblist() 函数 ,但 是 当 10-26. html 调用 该 页 面 
时 ,会 将 该 页 面 中 的 内 容 加 载 到 10-26. html 中 ,因此 单 击 分 页 链接 时 仍然 可 以 调用 到 
getweblist() 函 数 。 
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调用 该 分 页 程序 的 页 面 10-26. html 的 代码 如 下 , 它 的 运行 效果 如 图 10-24 所 示 。 


= 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 清单 10 一 26. html 一 -一 一 -一 一- 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 
< script src = "jquery. min. js"></script> 
<script> 
$ (function(){ 
getweblist(1); // 页 面 加 载 时 显示 第 1 页 
]) 
function getweblist(str) { // 单 击 分 页 链接 时 执行 的 函数 
$ .get("10— 26.php", {act:"list", pageNo: str,n:Math. random()}, // 发 送 页 码 给 10 - 26. php 
function(data){ 
$ ("#1ist"). html(data); 
]) 


}</script > 

< table align = "center" border = "1">< tr bgcolor =" 井 e0e0e0"> 
<th> 标 题 </th>< th width = "100"> 内 容 </th>*…… < th> 删 除 </th></tr> 

<tbody id= "list"> </tbody> 

</table> 


Microsoft Internet Erplorer 


文件 到 ) 编辑 于 ) 查看 外 收藏 人) 工具 民 I) 帮助 吕 
HE/ochostpip/ehapterioNio-s hi 加 
标题 两 和 和 作者 | eaail ”| 来 下 防 丢 国际 | 习 
请 教 个 问题 “|[ 感 拟 目录 中 的 文件 如 何 预览 广 三 彩 [renw8qq. com ”|127.0.0.1 编辑 天 除 
简 五 条 留言 ”| 在 古巴 比 伦 的 大 草原 上 。 喉 志 。 [yuxh@sohu. com |127.0.0.1 | 编辑 删除 
凡是 测试 留言 | 你 看 到 我 的 留言 了 吗 阿 斯 顿 alipayetom. com|127. 0. 0.1 | 编辑 删除 
山大 家 开心 ”非常 感谢 大 家 的 关心 了 洪 芥 ”|fengf8163. com |34. 44. 4. 4 | 编辑 删除 
X1234» 


图 10-24 基本 的 Ajax 分 页 程序 


10.6.2 可 设置 每 页 显示 记录 数 的 分 页 程序 
我 们 还 可 以 给 分 页 程序 添加 能 让 用 户 选择 每 页 显示 多 少 条 记录 的 功能 ,如 图 10-25 所 示 。 


3 和 Ajax 分 页 明示 记录 - icrosoft Internet Explerer 
上 」 文件 四 编辑) 查看 0 收 鞍 W) 工具 I) 帮助 0 
| 地址 四 ) | 加] http://localhost/guestbook/Ajaxfy. php 


Ajax 分 页 显示 记录 
气 KE 示 条 区 而 | 医 浏 | 


X1234» 


email | 来 自 

人 第 五 条 留言 大 欢 学 习 &jax 吗 要 编程 ”|shifan@163. com |127.0.0.1 
队 莉 测 式 究 言 “|[ 你 看 到 我 的 留言 了 吗 ”| 语 四 薪 。 [tangsix@163. com |127.0.0.1 
|E 必 请 坎 人 问题 师 多 全 二 |enrer@ag con 127.0.0.1 
陋 大 家 开心 诽 常 感谢 大 家 的 帮助 ” | 部 积分 。 |xta@tom. com 103. 56. 6 隔 辑 删除 国 


图 10-25 Ajax 分 页 显示 记录 带 设 置 每 页 显示 几 条 
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制作 步骤 是 : 在 10-26. html 的 页 面 中 增加 一 个 p 元素 得 到 10-27. html ,页面 载 入 时 调 
用 rightinfo() 函 数 让 p 元 素 内 显示 “修改 每 页 显示 条 数 ” 的 链接 。 单 击 该 链接 会 调用 edit() 
函数 ,edit() 函 数 将 p 元 素 内 的 HTML 内 容 修 改 为 每 页 记录 数 的 文本 框 和 “保存 ”按钮 。 单 
击 按钮 ,就 会 调用 save(n) 函 数 , 并 将 用 户 输入 的 每 页 记录 数 传 递 给 该 函数 ,save(n) 函 数 将 
pagesize 发 送 给 10-27. php, 10-27. php 就 会 根据 它 的 值 作为 每 页 记录 数 重新 分 页 ,并 将 
pagesize 值 保存 在 session("page") 变 量 中 ,这 样 刷新 后 仍 会 按 指 定 的 每 页 记录 数 分 页 。 
save(n) 函数 再 调用 getweblist(1) 函 数 ,10-27. php 就 会 返回 修改 每 页 记录 数 后 的 第 一 页 结 
果 集 给 10-27. html。 

可 设置 每 页 记录 数 的 分 页 程序 代码 (10-27. html 和 10-27. php) 如 下 ,运行 结果 
见 图 10-25 。 


< Script> 
$ (function(){ // 页 面 载 人 时 执行 
getweblist(1); // 显 示 第 一 页 
rightinfo(); // 显 示 修 改 每 页 条 数 链 接 
]) 
function getweblist(str){ // 发 送 页 码 并 显示 某 一 页 的 函数 


$ .post("10 -27.php", {act:"list", pageNo:str}, 
function(data) { 
$ ("#1ist").html(data);}); // 载 入 当前 页 

} 
function rightinfo() { // 设 置 #right 元 素 中 显示 修改 分 页 条 数 链接 

$ ('##right').html( '<a href = "javascript:edit()"> 修 改 每 页 显示 条 数 </a>'); 
} 
function edit() { // 供 用 户 输入 每 页 记录 数 的 函数 

var str = < form style = "margin:0"> 每 页 显示 < input type = "text" id = "pagesize" size= "3"> 条 
< input type = "button" id = "savebtn" value = "保存 "onclick = "save()"> < input type = "button" 
id= "cancelbtn" value = "取消 " onclick = "rightinfo()"></form>' 


$ ('#right'). html(str); // 将 str 变量 的 值 写 和 信 #right 元素 中 
下 
function save(n) { // 发 送 每 页 显示 记录 数 的 函数 

n= $("#pagesize").val(); // 获 取 文 本 框 中 的 值 


if (n== ''||/[0-9]+/.test(n) == false) { // 判 断 用 户 输入 的 是 否 是 数字 
alert(" 请 正确 填写 每 页 显示 条 数 !"); 


return;} 
$ .post("10 - 27.php", {act:"save", pagesize:n}); 
getweblist(1); // 重 新 获取 修改 后 第 一 页 的 数据 
setTimeout ("rightinfo()", 3000); //3s 后 将 #right 元 素 的 原始 内 容 写 入 
} 
</script > 


<h3 align = "center"> Ajax 分 页 显示 记录 </h3><p align= "center" id="right"></p> 
<table align= "center" border = "1">< tr bgcolor ="#e0e0e0"> 
<th> 标 题 </th>< th width = "100"> 内 容 </th>…… <th> 删 除 </th></tr> 
<tbody id= "list"> </tbody> 
</table> 


10-27. php 文件 的 功能 分 为 两 部 分 , 即 $ act 王 一 "save" 时 和 $act 王 一"list" 时 的 代码 : 
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<? session start(); 
header( "Content - type: text/html; charset = gb2312"); 
requirel( 'conmn. php'); 
$act= $_POST["act"]; 
if( $act== "save") { // 按 了 保存 页 数 的 按钮 
$PageSize= $_POST["pagesize"]; 
$ _SESSION["PageSize"] = $ PageSize;  // 将 每 页 显示 的 记录 数 保存 到 SESSION 变量 中 
} 
if( $act=="list") { // 根 据 页 码 显示 某 一 页 的 记录 
$result = $ conn 一 > query("select * from lyb order by ID desc"); 
$ RecordCount = $ result 一 > num rows; 
if( $ RecordCount > 0) { // 如 果 有 记录 
if(isset( $ _POST[ 'pageNo']) && (int) $ _POST[ 'pageNo']> 0) // 获 取 页 码 
$ pageNo = $ _POST[ 'pageNo']; 
else$ pageNo= 1; 
// 开 始 分 页 显示 ,指向 要 显示 的 页 ,然后 逐条 显示 当前 的 所 有 记录 
if( $_SESSION[ "PageSize"] == "") $_SESSION[ "PageSize"] = 4; 
$ PageSize = $ _SESSION["PageSize" ]; // 从 SESSION 变量 中 获取 每 页 显示 记录 数 
$ PageCount = ceil( $ RecordCount/ $ PageSize) ; 
$ result -> data_seek(( $ pageNo— 1) * $ PageSize); // 将 结果 集 指 针 指 到 该 页 的 第 一 条 记录 
for( $i=0;$i<$PageSize; Si++){ 
$row= $result—>fetch assoc(); 
if( $ row){ // 如 果 记录 不 为 空 ,用 来 处 理 末 页 的 情况 
echo "<tr><td width= '100>". $ row[ "title"]. "</td>"; 
echo "< td>". $ row["content"]."</td>< td>", $ row["author"]. "</td>"; 
echo "<td>". $ row["email"]."</td>< td>". $ row["ip"]."</td>"; 
echo "< td> 编 辑 </td>< td> 删 除 </td> </tr >"; 


}} 

// 下 面 是 显示 分 页 链接 的 代码 
$Str = $Str. "<a href= 'javascript:void(getweblist(1)) ><<</a> "; 
for( $i=1;$i<= $PageCount; $ i++){ 

if( $i== $ pageNo) 
$Str = $ Str. "< span style= 'font— weight:bold;color: red;font— size:16px;'>" . $i. 
"</span> "; 

else 
$Str = $Str."<a href= javascript:void(getweblist(". $1i."))>". $i. "</a>"; 
} 
$Str = $Str. "<a href= 'javascript:void(getweblist(" . $ PageCount . ")) >>></a>"; 
echo "<tr><td colspan= "7>". $ Str."</td></tr>"; 
> 


10.6.3 添加 \、 删 除 记录 程序 的 分 页 显示 


有 了 时 可 能 希望 分 页 显示 记录 的 程序 同时 还 具有 添加 、 编 辑 、 删 除 记 录 或 查找 记录 的 功 
能 。 例 如 在 图 10-24 中 , 当 在 某 一 页 中 执行 添加 或 删除 记录 后 ,仍然 能 正确 显示 更 新 后 这 一 
页 的 记录 。 

以 删除 记录 为 例 , 当 单 击 “ 删 除 ” 链 接 后 ,就 执行 dell (id, str) 函数 ,该 函数 比 原来 的 
dell(id) 函 数 增加 了 一 个 参数 str, 用 来 保存 当前 页 的 页 码 。 这 样 通过 发 送 参数 ID 将 记录 删 
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除 后 ,再 调用 分 页 的 函数 fy() ,分 页 函数 获取 到 页 码 参数 后 ,就 发 送 当前 页 给 客户 端 。 制 作 
步骤 如 下 : 

首先 在 分 页 程序 的 客户 端 页 面 (10-26. html) 中 添加 处 理 删除 的 函数 dell (id,str) 的 代 
码 。 也 就 是 把 10-26. html 的 JavaScript 代码 修改 如 下 ,其 他 代码 不 变 ， 


$ (function(){ 


getweblist(1); // 页 面 加 载 时 显示 第 一 页 
DD); 
function getweblist(str) { // 单 击 分 页 链接 执行 的 函数 
$ .get("10— 28.php", {act:"list", pageNo: str,n:Math. random( )}, 
function(data){ 
$ ("#1ist"). html(data);}); 
} 
function dell(id, str){ // 单 击 "删除 "链接 将 调用 的 函数 ,注意 该 函数 有 两 个 参数 
$ .get("10 - 28.php", {id:id,act:"del", pageNo: str}, 
function(data){ 


$ ("#1list").html(data); } ); ” // 删 除 完毕 后 重新 载 入 当前 页 的 记录 


然后 修改 10-26. php 的 代码 ,主要 改动 是 在 删除 记录 后 重新 调用 了 分 页 程序 。 为 此 ,可 
以 将 10-26. php 中 的 分 页 代码 写 在 一 个 函数 fy() 中 ,在 删除 记录 完成 后 调用 函数 fy() ,这 就 
相当 于 重新 载 人 了 删除 记录 后 的 当前 页 。 代 码 如 下 : 

生生 全 全 二 和 二 下 直人 二 二 二 二 二 二 二 一 清香 0 三 265 和 下 下 下 下 下 下 下 下 下 二 二 三 三 二 三 

<? header("Content - type: text/html; charset = gb2312"); 

require( 'conn. php'); 

$act= $_GET["act"]; 
$ id= $_GET["id"]; 


if( $act== "del"){ // 如 果 是 删除 操作 
$ sql = "delete from lyb where id= $ id"; 
if ($ conn—>query( $ sql)) fy(); // 删 除 成 功 后 调用 分 页 函数 } 
if( $act== "list") fy(); // 如 果 是 显示 记录 ,调用 分 页 函数 
function fy() { //fy() 函 数 :用 来 对 结果 集 进行 分 页 
$ sql = "Select # from lyb order by ID desc"; 
global $ conn; // 为 使 用 函数 外 的 变量 $ conn, 必须 将 其 定义 为 全 局 变量 


$result = $ conn—> query( $ sql); 
$ RecordCount = $ result ~— > num rows; 
if( $ RecordCount > 0) { 
if(isset( $ _GET[ 'pageNo']) && (int) $ _GET[ 'pageNo']> 0) // 获 取 页 码 
$ pageNo = $ _GET[ 'pageNo']; 
else $ pageNo= 1; 
// 开 始 分 页 显示 记录 ,指向 要 显示 的 页 ,然后 逐条 显示 当前 的 所 有 记录 
$ PageSize = 4; // 设 置 每 页 显示 4 条 记录 
$ PageCount = ceil( $ RecordCount/ $ PageSize); // 计 算 页 数 
$ result -> data_seek(( $ pageNo- 1) * $ PageSize); // 将 结果 集 指针 移 到 某 页 第 一 条 记录 
for( $i=0;$i<$PageSize; $ i++){ 
$row= $result—> fetch assoc(); 
if( $ row){ // 如 果 记录 不 为 空 ,用 来 处 理 末 页 的 情况 
echo "<tr><td width= '100>". $ row[ "title"]."</td>"; 
echo "<td>". $ row["content"]."</td>< td>". $ row["author"]."</td>"; 
echo "<td>". $ row["email"]."</td>< td>". $ row["ip"]."</td>"; 
echo "< td><a href = 'javascript:;'onclick= 'edit1(". $ row["ID"].") 2 编辑 </a></td>"; 
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echo "< td><a href = 'javascript:;'onclick= 'dell(". $ row["ID"].",". $ pageNo.")> 删 
除 </a> </td></tr >"; // 注 意 dell 函数 有 两 个 参数 
二 
// 下 面 是 显示 分 页 链接 的 代码 ,与 10 - 27.php 中 显示 分 页 链接 代码 完全 相同 , 故 省 略 


?> 


对 于 添加 记录 或 查找 记录 的 Ajax 程序 ,如 果 要 使 其 具有 分 页 功能 ,一 般 也 是 在 客户 端 
传递 页 码 给 服务 器 ,服务 器 端 添 加 或 查找 完成 后 重新 调用 fy() 函 数 。 
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A 
10.7.1 将 原始 Ajax 程序 转换 成 jQuery Ajax 程序 


实际 上 ,原始 的 Ajax 程序 很 容易 转换 成 jQuery Ajax 程序 。 在 转换 之 前 ,我 们 不 妨 来 
对 两 者 进行 一 个 比较 ,如 表 10-1 所 示 。 


表 10-1 原始 的 Ajax 程序 与 jQueryAjax 程序 的 比较 


原始 的 Ajax jQuery Ajax 程序 
XMLHttpRequest 对 象 的 实例 的 open() 方 | 、 量 
载 入 文档 和 的 第 一 个 
六 参数 
html", True); 
通过 $ .get() 9 第 二 个 
i @ 通过 URL 字符 串 en Be 
@ 通过 XMLHttpRequest 对 象 的 send 方法 @ 通过 URL 字符 下 
服务 器 返回 的 数据 存放 在 responseText 或 responseXML 中 丰 册 关闭 Wego 0 和 和 网 
data 参数 
function RequestCallBack( ){ 
if(xmlHttpReq. readyState == 4 function(data){ 
人 && xmlHttpReq. status == 200){ // 位 于 此 处 
// 位 于 此 处 } 


站 沁 


以 异步 检测 用 户 名 的 程序 10-11. html 为 例 , 如 果 要 将 其 用 原始 Ajax 程序 编写 , 则 代码 
如 下 : 


<script> 
function check() { 
var xmlhttp; // 创 建 XMLHttpRequest 对 象 
证 (window. ActivexObject){ // 针 对 IE6 
xmlhttp = new ActiveXObject("Microsoft. XMLHTTP");} 
else if (window. XMLHttpRequest){ // 针 对 除 下 6 以 外 的 浏览 器 


xmlhttp = new XMLHttpRequest(); // 实 例 化 一 个 XMLHttpRequest 
} 


user = document. getElementById( "user"). value; 
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证 (user =="") { msg= "用 户 名 不 能 为 空 "; 
var ch = document. getElementBYId("prompt" ); 
ch. innerHTML = "< font color = ' 井 aaaaaa'>" + msg + "</font >"; 
return false; } 
// 发 送 请 求 
xmlhttp. open("get","10 - 11. php?username = " + user+ "&n = ”+ Math.random()); 
xmlhttp. onreadystatechange = function() { 
if(xmlhttp. readyState == 4) { 
if(xmlhttp. status == 200) { 
证 (xmlhttp. responseText == 1) // 如 果 返 回 的 数据 是 1 
msg = "<font color = 井 0000ff > 可 以 注册 </font >"; 
else msg = "< font color = 井 ff0000 > 此 用 户 名 已 经 注册 </font >"; 
上 
else msg= "网 络 连接 失败 "; 
var ch = document. getElementById( "prompt"); 
ch. innerHTML = msg; } } 
xmlhttp. send(nul1); } 


</script > 
<! -- 下 面 仅 给 出 对 10- 11.HTML 作 了 修改 的 HTML 代码 ,其 他 HTML 代码 同 10 - 11. html --> 
< input type = "text" id = "user" size= "15" onblur = "check()"> 


此 可 见 ,如 果 要 将 原始 Ajax 程序 转换 成 jQuery 的 Ajax 程序 ,可 以 将 创建 


XMLHttpRequest 对 象 的 代码 全 部 忽略 ,因为 jQuery 会 自动 创建 。 然 后 再 找 xmlhttp. open() 


里 面 的 内 容 , 将 URL 地 址 中 的 文件 名 写 在 $. get() 方 法 的 第 一 个 参数 中 ; 将 *?" 后 的 URL 字 


符 串 写成 JSON 格式 (如 {username: user,n: Math. random()}) 作 为 $. get() 方 法 的 第 二 个 参 
数 ; 再 将 处 理 服务 器 返回 数据 的 代码 写 在 $. get() 方 法 的 第 三 个 参数 回调 函数 中 即 可 。 


最 后 可 将 DOM 获取 元 素 的 方法 (如 document. getElementById) ,DOM 设置 元 素 内 容 


的 方法 (如 ch. innerHTML) 全 部 改写 成 jQuery 获取 元 素 或 设置 内 容 的 方法 。 


为 了 使 读者 能 深入 了 解 XMLHttpRequest 对 象 , 表 10-2 和 表 10-3 分 别 列 出 了 


XMLHttpRequest 对 象 的 所 有 方法 和 属性 。 


表 10-2 XMLHttpRequest 对 象 的 方法 


者 法 说 明 
创建 一 个 新 的 HTTP 请 求 , 并 指定 此 请 求 的 方式 `URL 以 及 是 否 异步 
open() yl 
发 送 
send() 发 送 请 求 给 服务 器 
setRequestHeader() 在 发 送 请 求 之 前 ,单独 指定 请 求 的 某 个 HTTP 头 
getAllResponseHeaders() 获取 响应 的 所 有 HTTP 头 
getResponseHeader() 从 响应 信息 中 根据 HTTP 头 的 名 字 获 取 指 定 的 HTTP 头 
abort 停止 发 送 当前 请 求 


表 10-3 XMLHttpRequest 对 象 的 属性 


属 性 说 明 


onreadystatechange 该 属性 用 于 指定 XMLHttpRequest 对 象 状态 改变 时 的 事件 处 理 函 数 


readyState XMLHttpRequest 请 求 的 处 理 状态 
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续 表 
属 性 说 明 
responseText 将 服务 器 对 请 求 的 响应 表示 为 一 个 文本 字符 串 
responseXML 将 服务 器 对 请 求 的 响应 表示 为 XML 格式 的 文档 
status 服务 器 返回 的 状态 码 ,如 200 对 应 OK,403 对 应 Forbidden 
statusText 服务 器 返回 的 状态 文本 信息 ,如 OK、Forbidden、Not Found 


注 : 只 有 当 服 务 器 的 响应 已 经 完成 ,才能 获取 status 和 statusText 属性 的 信息 。 


10.7.2 调试 Ajax 程序 的 方法 


Ajax 程序 的 运行 过 程 是 , 先 运行 前 台 的 HTML 页 面 ,然后 执行 前 台 页 面 中 的 
JavaScript Ajax 代码 ,Ajax 代码 通常 会 向 后 台 页 面 发 送 请 求 , 此 时 会 执行 后 台 的 动态 页 面 
(如 PHP) ,动态 页 面 执行 完毕 后 ,会 输出 结果 ,最 后 前 台 页 面 载 人 后 台 页 面 执行 的 结果 。 


1. 编写 Ajax 程序 容易 出 错 的 地 方 


(1) 如 果 是 要 输出 指定 格式 的 字符 串 给 客户 端 , 则 服务 器 端 代码 外 面 不 能 有 多 余 的 空 
格 或 空 行 ,例如 “<?” 前 面 不 能 有 空格 ,“? >” 后 面 也 不 能 有 空格 或 空 行 , 否 则 这 些 空格 会 与 指 
定格 式 的 字符 串 一 起 发 送 给 客户 端 ,导致 客户 端 收 到 的 字符 串 有 空格 ,这 可 能 使 字符 串 格式 
不 符 要 求 。 例 如 10. 4. 2 节 中 的 service. php ,如 果 PHP 代码 外 面 有 空格 就 会 出 错 。 

(2) 如 果 要 输出 JSON 或 XML 格式 的 字符 串 给 客户 端 , 则 代码 中 不 要 添加 HTML 注 
释 ( 但 可 以 添加 PHP 注释 ,PHP 注释 会 被 服务 器 解释 后 ,不 会 发 送 给 客户 端 ) ,否则 HTML 
注释 会 和 JSON 字符 串 混杂 在 一 起 发 送 给 客户 端 ,导致 客户 端 收 到 的 JSON 字符 串 不 正确 。 
例如 10. 1. 2 节 中 的 10-2. php, 如 果 在 PHP 代码 外 添加 HTML 注释 将 运行 不 正常 。 


后 台 程 序 的 调试 


调试 Ajax 程序 时 ,应 从 后 台 往 前 台 进行 ,也 就 是 说 ,首先 执行 后 台 页 面 ,看 后 台 页 面 运 
行 是 否 正常 。 这 是 因为 ,如 果 后 台 页 面 有 错误 , 则 前 台 页 面 调 用 后 台 页 面 只 是 接收 不 到 数 
据 , 前 台 页 面 并 不 会 报 任何 错误 。 测试 后 台 动 态 页 面 又 分 为 两 种 情况 。 

(1) 如 果 该 动态 页 面 不 需要 获取 参数 就 可 以 运行 ,那么 直接 运行 该 文件 即 可 。 

(2) 如 果 动 态 页 面 需 要 先 获取 参数 才能 运行 ,那么 可 以 自己 在 地 址 栏 中 输入 参数 ,如 要 
运行 10-11. php, 则 直接 在 地 址 栏 中 输入 http://localhost/10-11. php? username 二 tang, 看 
运行 结果 是 否 正 确 。 如 果 有 错误 (最 常见 的 是 访问 数据 库 的 错误 ) , 则 根据 提示 的 ASP 脚本 
错误 信息 来 调试 解决 。 


3. 前 台 页 面 的 调试 


如 果 后 台 页 面 单独 调试 显示 的 信息 正常 , 则 表明 错误 是 在 前 台 页 面 发 生 的 ,此 时 可 以 在 
可 能 出 错 的 位 置 添加 alert 语句 ,输出 某 些 变量 的 信息 。 如 在 回调 函数 function(data){} 中 ， 
添加 类 似 alert(data) .alert(data[ 1]. username) .alert( $ (data)) 之 类 的 调试 语句 ,看 弹出 的 
内 容 和 后 台 动态 页 面 输出 的 内 容 是 否 一 致 。 如 果 不 一 致 ,应 考虑 是 编码 问题 ; 如 果 一 致 , 则 
应 考虑 字符 串 未 转换 成 JSON 对 象 ,或 数组 未 转换 成 字符 串 等 。 


‘9) 
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4. 关于 引用 的 jQuery 框架 版 本 的 问题 


jQuery 1.5 以 上 的 版 本 将 Ajax 部 分 重 写 了 ,不 再 返回 XMLHttpRequest 对 象 ,而 是 返 
回 jqXHR 对 象 。 因 此 ,本 书 中 有 少数 程序 只 能 在 jQuery 1.4 程序 中 通过 (如 级 联 下 拉 框 的 
程序 和 股票 查询 系统 程序 ) ,升级 到 jQuery 1.5 以 上 版 本 后 这 些 程序 会 出 错 。 建 议 读者 使 
用 jQuery 1.4 版本。 但 也 不 要 选择 更 低 的 版 本 (如 jQuery1. 2) ,否则 因为 有 些 jQuery 方法 
不 支持 也 会 出 错 。 


习题 


1. 在 Ajax 程序 中 ,显示 记录 的 程序 和 查询 记录 的 程序 有 何 区 别 ? 

2. 在 Ajax 程序 中 ,如 果 要 以 自 定义 的 格式 显示 从 服务 器 传 来 的 数据 ,通常 有 哪 两 种 
方法 ? 

3. 用 Ajax 程序 向 数据 表 添 加 记录 时 ,如 何在 客户 端 和 服务 器 端 分 别 添加 记录 ? 

4. 在 网 页 上 制作 一 个 仿 Excel 可 编辑 表格 的 界面 , 它 可 读 取 数 据 库 中 的 整个 数据 表 到 
网 页 上 ,并 且 可 以 在 网 页 上 对 该 数据 表 进 行 编辑 ,数据 表 中 的 数据 将 同步 更 新 。 


MySQL 数 据 库 的 迁移 和 转换 | 


[A.1 使 用 phpMyAdmin 导出 导入 数据 


1, MySQL 数据 库 的 迁移 


有 时 为 了 把 PHP 程序 迁移 到 另 一 台 计 算 机 上 运行 ,或 上 传 到 服务 器 上 ,需要 将 PHP 
程序 访问 的 MySQL 数据 库 也 一 起 迁移 。 迁 移 MySQL 数据 库 有 两 种 方案 。 

(1) 复制 目录 的 方式 : 每 个 MySQL 数据 库 对 应 一 个 目录 ,例如 数据 库 lyb 对 应 D: 
\AppServ\MySQL\data\lyb 目录 ,该 目录 下 保存 了 数据 库 中 的 相关 数据 。 如 果 要 移动 数据 
库 lyb 到 另 一 台 机 器 ,只 需 把 该 数据 库 对 应 的 目录 复制 到 另 一 台 机 器 的 \MySQL\data 目录 
下 即 可 (注意 : 复制 之 前 必须 先 停 止 MySQL 服务 器 )。 

(2) 导出 和 导入 “. sql" 文 件 的 方式 : 可 以 将 一 个 数据 库 ( 或 表 ) 导 出 成 一 个 “. sql" 文 件 ， 
该 “. sql” 文 件 中 包含 了 很 多 条 SQL 命令 ,用 来 创建 所 有 表 的 结构 和 插入 数据 。 在 另 一 台 机 
器 上 先 创 建 一 个 空 数 据 库 ,再 将 这 个 “. sql" 文 件 导 入 到 空 数据 库 中 即 可 。 


2. 使 用 phpMyAdmin 导出 和 导入 数据 


(1) 在 phpMyAdmin 中 导出 数据 库 的 步骤 是 : 四 在 图 5-3 的 左 侧 单 击 选择 要 导出 
的 数据 库 ( 或 表 ) ,然后 单 击 图 5-3 上 方 的 “导出 ”选项 卡 , 就 会 出 现 “ 查 看 数据 库 的 转 
存 ” 界 面 (图 A-1) ,选中 “另存 为 文件 ”, 单 击 “ 执 行 ” 按 钮 ,就 会 生成 并 提示 下 载 “ * . sql” 
的 文件 。 

(2) 导入 数据 库 的 步骤 是 : 四 首先 创建 一 个 空 数 据 库 (图 5-2) ,然后 单 击 图 5-3 上 方 的 
“Import” 选 项 卡 , 就 会 出 现 导 入 SQL 文件 界面 (图 A-2) ,选择 一 个 “. sql” 的 文件 ,然后 指定 
该 文件 的 字符 集 ( 若 不 知道 文件 的 字符 集 ,可 以 用 记事 本 打开 该 文件 ,然后 选择 菜单 命令 “ 文 
件 ”>“ 另 存 为 ”, 在 “另存 为 "对话 框 下 方 的 “编码 ”中 ,就 可 以 看 到 它 的 字符 集 ) , 单 击 “ 执 行 ” 
按钮 ,如 果 提 示 导 入 成 功 ,就 将 数据 导入 进 了 空 数据 库 中 。 
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三 查 看 数据 库 的 转 存 (大 纲 )。 
广 导 出 厂 SQL 选 项 
在 标题 中 增加 一 个 定制 的 注释 (Wn 行 隔离 全 
厂 处 理事 务 中 封装 输出 


SQL compatibiity mode 
选择 要 导 | 图 
出 的 表 


全 选 全 部 不 选 丘 结构 
个 CSV 数 据 
厂 AddDROP TABLE /DROP VIEW 
® SQL 厂 AddIF NOT EXISTS 
上 反 添 加 AUTO_INCREMENT 值 
CXWME 人 选中 该 项 友 请 在 表 名 及 字段 名 使 用 引号 Import 
厂 Add CREATE PROCEDURE /FUN File to import 
友 另存 为 文件 文本 文件 的 位 置 |strator 点 面 ouestbook sql 
W068 一 一 ( pz 记 信 模板 ) 


压缩 : 6 无 C zip 压 缩 C gzip 压缩 
图 A-1 数据 库 的 转 存 图 A-2 导入 sql 文 件 

(A.2 使 用 Navicat for MySOQOL 管理 数据 库 

tl 


Navicat for MySQL 是 一 个 C/S 结构 的 MySQL 数据 库 管理 系统 ,其 功能 比 
phpMyAdmin 更 加 强大 。Navicat 10. 1 的 界面 如 图 A-3 所 示 ,下面 来 讲解 它 的 使 用 方法 。 


文件 下) 查看 OO 可 | 工具 中 窗口 如 帮助 0 


昌 > es 本 禾 及 上 
局 查询 报表 备份 
“打开 表 “设计 表 取 新 奸 表 忆 划 除 表 四 导入 向 导 了 导出 向 


日 前 abcea 


1. 连接 MySOQOL 服务 器 


Navicat 在 使 用 前 ,必须 先 连接 数据 库 服务 连接 名 - 
器 , 单 击 图 A-3 工具 栏 中 的 “连接 ”按钮 ,将 弹 主机 名 或 联 地 址 : 
出 “新 建 连接 ”对 话 框 (图 A-4),“ 连 接 名 ”可 任 
取 一 个 名 字 , 输 入 正确 的 用 户 名 和 密码 即 可 。 
连接 成 功 后 ,在 图 A-3 左 侧 的 导航 窗口 中 双击 
连接 图 标 conn 就 可 看 到 本 机 上 所 有 的 MySQL 
数据 库 。 


图 A-4 “新 建 连接 ”对 话 框 
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2. 新 建 数据 库 
在 图 A-3 连接 图 标 上 右 击 ,选择 新 建 数据 库 , 然 后 输入 数据 库 名 即 新 建 了 一 个 数据 库 。 
3. 新 建 表 


新 建 完 数据 库 后 , 接 下 来 当然 是 新 建 表 了 。 在 图 A-3 左 侧 导 航 栏 中 的 “ 表 ” 上 按 右键 ， 
选择 “新 建 表 ”, 将 弹出 新 建 表 窗 口 (图 A-5) ,在 这 里 可 定义 表 中 的 每 个 字段 ,并 设置 主键 等 。 
其 中 “ 栏 位 ”表示 “字段 ”, 单 击 “ 添 加 栏 位 ”就 可 添加 一 个 字段 。 定 义 完 字段 后 , 单 击 “ 保 存 ” 按 
钮 ,输入 表 名 即 新 建 了 一 个 表 。 如 果 以 后 要 修改 表 的 结构 ,在 图 A-3 中 选中 该 表 , 单 击 工 具 
栏 中 的 “设计 表 ” 按 钮 就 可 以 了 。 


哺 无 标题 eabced (conn) - 表 # 
文件 到 ) 编辑 于 ) 窗口 由 帮助 人 


| 类 型 
IIid int 
jtite varchar 
content text 加 
a a a esi he a 


图 A-5 ”新建 表 窗 口 


4. 在 表 中 添加 记录 


在 图 A-3 的 右 侧 窗口 双击 某 个 表 ( 如 news) ,将 弹出 
表 的 数据 视图 (图 A-6), 单 击 “ 十 "按钮 ,就 可 以 插入 一 条 


文件 四 编辑 到 ) 查看 避 窗口 虽 帮助 吕 


记录 。 单 击 “一 ”, 可 删除 一 条 记录 。 LE 
title content | 
5. 导出 数据 库 下 二 a 站 
3 ER 添加 记录 
到 
在 图 A-3 中 ,在 某 个 数据 库 ( 如 abced) 上 右 击 ,选择 se 


“ 转 储 SQL 文件 ”, 单 击 “ 保 存 ” 按 钮 , 即 可 将 数据 库 导出 
成 “. sql” 的 文件 。 图 A-6 表 的 数据 视图 


6. 导入 数据 库 


首先 新 建 一 个 空 数据 库 , 然 后 在 图 A-3 左 侧 的 数据 库 图 标 上 右 击 ,选择 “运行 SQL 文 
件 ”, 单 击 *…”, 选 择 一 个 要 导入 的 .sql 文件 , 单 击 “ 开 始 ” 按 钮 , 则 开始 执行 该 SQL 文件 中 
的 代码 ,如果 执行 成 功 , 就 会 将 所 有 表 及 数据 导入 到 该 数据 库 中 来 。 


7. 将 Access 数据 库 转换 成 MySQL 数据 库 


首先 新 建 一 个 数据 库 ( 如 lyb) ,然后 在 图 A-3 中 双击 展开 数据 库 , 在 “ 表 ” 上 右 击 ,选择 
“导入 向 导 ”, 就 会 弹出 如 图 A-7 所 示 的 导入 向 导 对 话 框 ,选择 “MS Access 数据 库 ”。 在 “下 
一 步 ” 中 ,选择 一 个 “. mdb” 的 Access 数据 库 文件 ,在 下 方 将 出 现 该 数据 库 中 所 有 的 表 , 选 中 
要 转换 的 表 , 单 击 “ 下 一 步 ” 按 钮 ,可 设置 是 否 新 建 目标 表 及 目标 表 的 名 称 , 均 保 持 默 认 即 可 ， 
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继续 单 击 “ 下 一 步 ” 按 钮 , 即 可 将 Access 数据 库 转 换 成 MySQL 数据 库 。 


1 (8 个) | 
这 个 向 导 人 多 放 信 指 定 如 何 导入 数据 。 信 要 轩 反 种 数据 导入 格式 ， 


个 Paradox 文件 Ge ab) 
个 Exeel 文件 x1s) 


A-7 导入 向 导 


提示 : 使 用 Access2MySQL Pro 5 软件 也 可 将 Access 数据 库 转换 成 MySQL 数据 库 。 
[A.3 部 署 一 个 网 站 程序 


在 网 络 上 有 很 多 PHP 源 程序 可 供 下 载 ,这 些 程序 下 载 到 本 机 上 后 ,需要 进行 部 署 才能 
运行 。 本 节 以 “ 夏 日 PHP 新 闻 系 统 ” 为 例 ,介绍 PHP 网 站 的 部 署 。 在 百度 上 搜索 “ 夏 日 
PHP 新 闻 系 统 ” 并 下 载 。 其 部 署 步骤 如 下 : 


1. 设置 网 站 目录 


下 载 完 后 将 网 站 程序 文件 xrarticle. rar 解压 到 一 个 目录 中 ,如 F:Nxrarticle。 然 后 将 
Apache 的 网 站 主 目录 也 设置 为 F:\xrarticle。 方 法 是 打开 httpd. conf 文件 ,设置 第 240 行 
为 DocumentRoot "F:/xrarticle" ,第 268 行为 < Directory "FEF:/xrarticle">, 保存 并 重启 
Apache。 


2. 生成 数据 库 


该 网 站 程序 将 数据 库 导 出 成 了 . sql 的 文件 。 为 了 还 原 数据 库 , 可 以 使 用 phpMyAdmin 
或 Navicat for MySQL 将 该 . sql 文件 导入 到 一 个 空 数据 库 中 , 即 还 原 了 数据 库 。 

以 Navicat for MySQL 为 例 , 首 先 新 建 一 个 名 为 phphtml 的 数据 库 。 

然后 在 该 数据 库 上 右 击 ,选择 “运行 SQL 文件 ”, 选 择 下 ;\xrarticle\phphtml. sql 文件 ， 
单 击 “ 开 始 ” 按 钮 , 则 开始 执行 该 SQL 文件 中 的 代码 ,如 果 执 行 成 功 ,会 在 数据 库 中 创建 
newscontent 等 几 个 表 , 并 在 表 中 添加 一 些 记 录 。 这 时 ,在 Navicat for MySQL 的 界面 中 双 
击 数 据 库 phphtml 下 的 “ 表 ” 就 能 看 到 新 建 的 表 了 。 

提示 : 有 些 网 站 源 程序 提供 了 安装 程序 (程序 名 一 般 为 install. php) .只 要 运行 该 文件 ， 
填 入 本 机 上 的 MySQL 数据 库 用 户 名 、 密 码 和 数据 名 ,就 能 自动 生成 数据 库 。 


3. 更 改 数据 库 连 接 代 码 中 的 数据 库 密码 
由 于 PHP 连接 数据 库 都 要 在 程序 代码 中 写 入 数据 库 名 ,数据 库 用 户 名 和 密码 ,因此 必 
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须 把 下 载 的 源 程序 中 这 些 内 容 改 成 本 机 上 MySQL 服务 器 的 密码 。 在 include 目录 下 的 
config. php 文件 中 ,存放 了 该 新 闻 系 统 连接 数据 库 的 信息 ,将 数据 库 密 码 由 root 改 为 111 
即 可 。 若 创建 数据 库 时 数据 库 名 不 是 phphtml, 则 在 这 里 也 可 以 更 改 数据 库 名 。 


于 这 里 是 将 该 网 站 程序 部 署 在 Apache 的 主 目录 中 ,因此 在 浏览 器 地 址 输入 http:// 
localhost 即 可 打开 该 网 站 的 首页 。 该 网 站 的 后 台 管 理 程序 登录 地 址 为 http://localhost/ 
systemadmin/ AdminLogin. php, 输 入 用 户 名 和 密码 ( 均 为 admin) 就 可 进入 后 台 对 网 站 进行 
管理 。 

提示 : 该 程序 如 果 部 署 在 虚拟 目录 中 ,虽然 网 站 能 正常 运行 ,但 很 多 链接 会 不 正确 。 


加 
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本 课程 必须 采用 理论 课 与 上 机 实验 课 相 结合 的 方式 讲授 ,可 在 讲授 完 相关 理论 课 内 容 
后 ,安排 10 次 左右 实验 课 环 节 , 如 果实 验 课时 不 够 ,也 可 将 部 分 实验 内 容 作 为 课 后 作业 。 


人 .1 实验 1; 搭建 PHP 运行 和 开发 环境 


实验 目的 

了 解 Web 应 用 程序 的 工作 原理 ; 掌握 AppServ 集成 开发 环境 的 安装 ; 掌握 Apache 服 
务 器 的 有 关 配 置 ; 学 会 使 用 Dreamweaver 建立 PHP 动态 站 点 ; 学 会 运行 简单 PHP 程序 的 
方法 。 

实验 准备 

在 Windows 下 安装 或 提供 以 下 软件 : 

@ Dreamweaver 8; @AppServ2. 5.9 的 安装 包 ( 不 必 安 装 ) 。 

实验 内 容 和 步骤 

(1) 安装 AppServ, 并 查看 AppServ 安装 后 的 目录 ,以 及 进入 phpMyAdmin 的 主 界面 
(步骤 见 1. 3. 1 节 的 内 容 ) 。 

(2) 用 记事 本 新 建 一 个 PHP 文件 ,并 运行 (步骤 见 1. 3. 2 节 的 内 容 ) 。 

(3) 设置 Apache 服务 器 的 主 目录 为 E:\web, 网 站 首页 文件 名 为 default. php ,端口 为 
88, 并 新 建 一 个 虚拟 目录 E:Neshop( 步 又 见 1. 3. 3 节 的 内 容 )。 

(4) 在 DW 中 新 建 一 个 PHP 动态 站 点 ,新 建 完成 后 在 DW 代码 视图 中 新 建 一 个 PHP 
文件 ,并 能 单 击 * 预 览 "按钮 运行 (步骤 见 1. 3. 5 节 的 内 容 )。 


人.; 实验 2, PHP 语言 基础 


实验 目的 

了 解 PHP 语言 的 基本 语法 和 嵌入 方法 ; 了 解 PHP 注释 的 使 用 方法 ; 了 解 PHP 的 数 
据 类 型 ; 掌握 PHP 常量 、 变 量 的 定义 及 使 用 ; 理解 变量 的 作用 域 和 有 效 期 ; 掌握 PHP 处 理 
字符 串 的 方法 ; 掌握 使 用 PHP 的 常用 语句 ; 掌握 PHP 数组 的 创建 和 使 用 方法 。 

实验 准备 

安装 有 Dreamweaver 8 和 AppServ 2. 5. 9 的 计算 机 ,并 且 已 在 Dreamweaver 8 中 配置 
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好 PHP 动态 站 点 。 

实验 内 容 和 步骤 

(1) 编写 4 个 最 简单 的 PHP 程序 (程序 见 3.1. 1 节 3-1.php 至 3-4. php) 。 

(2) 测试 变量 的 作用 域 和 有 效 期 ,编写 3.1. 3 节 中 的 4 个 程序 ,观察 运行 结果 是 否 与 书 
上 所 说 的 一 致 ,并 得 出 自己 的 结论 。 

(3) 编写 程序 使 用 三 种 方法 定义 字符 串 ( 程 序 代 码 参 考 3. 1. 6 节 )。 

(4) 编写 条 件 语句 结构 的 程序 (参照 3. 2. 1 节 3-5. php) 。 

(5) 编写 循环 语句 结构 的 程序 (参照 3. 2. 2 节 3-6. php 至 3-9. php)。 

(6) 编写 创建 数组 和 引用 数组 元 素 的 程序 (参照 3. 3. 1 节 和 3. 3.2 节 的 内 容 )。 

(7) 对 于 学 有 余力 的 同学 ,本 次 实验 可 编写 第 3 章 后 的 编程 题 1~4 题 。 


@.3 实验 3: 函数 的 定义 和 调用 


实验 目的 

了 解 函数 的 概念 ,学 会 创建 和 调用 函数 的 方法 ; 领会 自 定义 函数 中 参数 和 返回 值 的 使 
用 方法 ; 能 运用 函数 解决 实际 问题 ; 熟 记 PHP 常用 的 内 置 函数 。 

实验 准备 

安装 有 Dreamweaver 8 和 AppServ 2. 5. 9 的 计算 机 ,并 且 已 在 Dreamweaver 8 中 配置 
好 PHP 动态 站 点 。 

首先 要 了 解 函数 (function) 由 若干 条 语句 组 成 ,用 于 实现 特定 的 功能 。 函 数 包 括 函 数 
名 ,若干 参数 和 返回 值 。 一 旦 定义 了 函数 ,就 可 以 在 程序 中 调用 该 函数 。 

实验 内 容 和 步骤 

(1) 练习 使 用 PHP 字符 串 处 理 内 置 函 数 (程序 见 3. 4. 1 节 例 3. 3 至 例 3. 5) 。 

(2) 练习 使 用 自 定 义 函 数 (程序 见 3. 5. 1 节 例 3.6 至 例 3. 10) 。 

(3) 自 定义 函数 解决 实际 问题 (编写 第 3 章 后 的 编程 题 5 一 13 题 ) 。 

(4) 在 自 定义 函数 时 练习 使 用 传 值 赋值 和 传 地 址 赋值 (程序 代码 参考 3. 5. 3 节 ) 。 


@.4 实验 4: 面向 对 象 程序 设计 


实验 目的 

了 解 面向 对 象 程序 设计 的 思想 ; 学 习 定义 和 使 用 类 的 方法 ; 理解 构造 函数 和 析 构 函数 
的 功能 ; 学 习 创 建 对 象 的 方法 ; 学 会 引用 对 象 中 的 属性 和 方法 。 

实验 准备 

安装 有 Dreamweaver 8 和 AppServ 2. 5. 9 的 计算 机 ,并 且 已 在 Dreamweaver 8 中 配置 
好 PHP 动态 站 点 。 

首先 要 了 解 面向 对 象 编程 是 PHP 采用 的 基本 编程 思想 , 它 可 以 将 属性 和 方法 集成 在 
一 起 ,定义 为 类 ,通过 对 象 可 以 调用 类 中 的 属性 和 方法 ,类 还 可 以 实现 继承 和 多 态 。 
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实验 内 容 和 步骤 

(1) 练习 定义 类 (参照 3. 6. 1 节 3-10. php) 。 

(2) 在 类 中 添加 构造 函数 和 析 构 函数 (参照 3. 6. 1 节 3-11. php) 。 

(3) 练习 定义 对 象 。 

(4) 练习 使 用 对 象 引用 类 中 的 属性 和 方法 (参照 3. 6. 1 节 3-12. php)。 
(5) 编写 类 的 继承 的 程序 (参照 3. 6. 2 节 3-13. php) 。 

(6) 编写 类 的 多 态 的 程序 (参照 3. 6. 2 节 3-14. php)。 


@.5 实验 5: 获取 表单 及 URL 参数 中 的 数据 


实验 目的 

理解 GET 和 POST 两 种 HTTP 请 求 发 送 的 基本 方式 ; 学 会 使 用 $_POST 或 $_GET 
获取 表单 中 的 数据 ; 学 会 获取 表单 中 一 组 复 选 框 的 数据 ; 学 会 设置 和 获取 URL 字符 串 数 
据 ; 学 会 使 用 $_SERVER[] 获 取 环 境 变量 信息 。 

实验 准备 

安装 有 Dreamweaver 8 和 AppServ 2. 5. 9 的 计算 机 ,并 且 已 在 Dreamweaver 8 中 配置 
好 PHP 动态 站 点 。 

首先 要 了 解 浏 览 器 发 送 HTTP 请 求 有 POST 和 GET 两 种 基本 方式 ,获取 不 同 的 
HTTP 请 求 信息 需要 使 用 不 同 的 超 全 局 数组 。 

实验 内 容 和 步骤 

(1) 编写 表单 页 面 及 获取 表单 数据 的 程序 (程序 见 4. 1.1 节 4-1. php 和 4-2. php)。 

(2) 改写 4-1. php 和 4-2. php, 将 表单 页 面 和 获取 表单 数据 的 程序 写 在 一 个 文件 中 ( 程 
序 见 4. 1.1 节 4-3. php)。 

(3) 编写 复杂 的 表单 页 面 和 获取 有 复 选 框 的 表单 数据 程序 (程序 见 4. 1. 1 节 4-4. php 
和 4-5. php) 。 

(4) 编写 一 个 简单 计算 器 程序 ,具体 要 求 见 第 4 章 后 的 编程 题 1 。 

(5) 改写 4-1. php 和 4-2. php, 采 用 GET 方式 发 送 , 并 采用 $_GET 接收 数据 。 

(6) 编写 使 用 $_GET[] 获 取 URL 字符 串 信息 的 程序 (程序 见 4. 1. 3 节 4-8. php 
至 4-10. php) 。 


@.6 实验 6: Session 和 Cookie 的 使 用 


实验 目的 

了 解 会 话 处 理 技术 产生 的 背景 ; 了 解 Session 的 工作 原理 ; 了 解 Cookie 的 工作 原理 ; 
学 习 设置 .获取 和 删除 Session 变量 的 方法 ; 学 习 设 置 , 读 取 和 删除 Cookie 变量 的 方法 。 

实验 准备 

安装 有 Dreamweaver 8 和 AppServ 2. 5. 9 的 计算 机 ,并 且 已 在 Dreamweaver 8 中 配置 
好 PHP 动态 站 点 。 
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首先 要 了 解 由 于 HTTP 是 一 个 无 状态 协议 而 造成 的 问题 ,及 常用 的 解决 方案 ,包括 
Session 和 Cookie 两 种 。 了 解 Session 可 以 实现 客户 端 和 服务 器 的 会 话 ,Session 数据 以 
“ 键 一 值 ?对 的 形式 存在 于 服务 器 内 存 中 。 了 解 Cookie 是 Web 服务 器 存放 在 用 户 硬 盘 中 的 
一 段 文本 ,其 中 存储 着 一 些 “ 键 一 值 ” 对 信息 ,每 个 网 站 都 可 以 向 用 户 机 器 上 存放 Cookie ,每 
个 网 站 都 可 以 读 取 自己 写 入 的 Cookie。 

实验 内 容 和 步骤 

(1) 练习 设置 和 获取 Session 变量 信息 (程序 见 4. 3. 1 节 4-12. php 和 4-13. php)。 

(2) 编写 利用 Session 限制 未 登录 用 户 访 问 的 程序 (程序 见 4. 3. 3 节 4-14. php 和 4-15. php)。 

(3) 编写 通过 删除 Session 实现 用 户 注 销 功 能 的 程序 (程序 见 4. 3.4 节 4-16. php)。 

(4) 练习 创建 和 修改 Cookie 变量 (程序 见 4. 4.1 节 4-17. php 和 4.4.2 节 4-18.php)。 

(5) 编写 使 用 Cookie 实现 用 户 自动 登录 的 程序 (程序 见 4.4.5 节 4-19. php 和 4-20. php) 。 

(6) 编写 利用 Cookie 记录 用 户 浏览 路 径 的 程序 (程序 见 4. 3. 3 节 4-21. php 和 4-22. php) 。 


@.7 实验 7: MySOL 数据 库 的 管理 


实验 目的 

了 解数 据 库 的 基本 概念 ,学 会 使 用 MySQL 数据 库 管 理工 具 phpMyAdmin 和 Navicat 
for MySQL ,学 会 创建 和 维护 数据 库 及 表 , 学 会 迁移 数据 库 ; 了 解 MySQL 数据 库 中 常见 的 
几 种 数据 类 型 ; 学 会 使 用 基本 的 SQL 请 句 进 行 查询 。 

实验 准备 

安装 有 Dreamweaver 8、AppServ 2. 5.9 和 Navicat for MySQL 10 的 计算 机 ,并 且 已 在 
Dreamweaver 8 中 配置 好 PHP 动态 站 点 ,以 及 “ 夏 日 PHP 新 闻 系 统 ” 源 程序 包 和 “. mdb” 的 
Access 数据 库 文件 

首先 要 了 解数 据 库 由 若干 个 表 组 成 ,每 个 表 中 含有 若干 个 字段 ,定义 表 时 必须 定义 每 个 
字段 的 字段 名 ,数据 类 型 ,长度 等 (通常 还 必须 定义 主键 和 自动 递增 字段 ) 。 

实验 内 容 和 步骤 

(1) 使 用 phpMyAdmin 创建 数据 库 test( 步 又 见 5. 1. 2 节 的 内 容 )。 

(2) 使 用 phpMyAdmin 创建 两 个 表 lyb 和 admin(id，user，pw) ,并 向 表 中 添加 数据 
(步骤 见 5.1. 2 节 的 内 容 ) 。 

(3) 使 用 phpMyAdmin 导出 和 导 和 人 数据 (步骤 见 附 录 A. 1 第 2 部 分 )。 

(4) 使 用 Navicat for MySQL 管理 数据 库 , 包 括 新 建 数据 库 和 新 建 表 ,导出 和 导入 数 
据 , 将 Access 数据 库 转 换 成 MySQL 数据 库 等 (步骤 见 附录 A. 2)。 

(5) 部 署 一 个 PHP 网 站 “ 夏 日 PHP 新 闻 系 统 ”( 步 骤 见 附录 A. 1 第 3 部 分 )。 


已 


@.8 实验 8: 在 PHP 中 访问 MySQL 数据 库 


实验 目的 
熟 记 使 用 PHP 访问 MySQL 数据 库 的 步骤 ; 学 习 使 用 mysql_connect 函数 连接 
MySQL 数据 库 服务 器 ; 学 习 使 用 mysql_select_db 函数 选择 数据 库 ; 学 习 使 用 mysql_ 
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query 函数 设置 字符 集 ; 学 习 使 用 mysql_query 函数 创建 结果 集 ; 学 习 使 用 mysql_fetch_ 
assoc 读 取 结 果 集 中 记录 到 数组 ,学 习 输 出 结果 集中 的 记录 到 页 面 上 ; 学 习 使 用 mysql_ 
query 函数 添加 、 删 除 、 修 改 记录 。 

实验 准备 

安装 有 Dreamweaver 8 和 AppServ 2. 5.9 的 计算 机 ,已 经 在 Dreamweaver 8 中 配置 好 
PHP 动态 站 点 。 并 且 MySQL 数据 库 中 已 经 存在 guestbook 的 数据 库 。 

首先 要 了 解 各 种 mysql_ * 函数 的 功能 ,其 输入 参数 个 数 和 类 型 ,以 及 返回 值 的 类 型 。 
然后 要 掌握 通过 超 链接 传递 记录 id 的 方法 。 

实验 内 容 和 步骤 

(1) 使 用 PHP 连接 数据 库 服 务 器 .设置 字符 集 与 选择 数据 库 ( 程 序 见 5. 2. 1 节 清 单 
5-lconn. php) 。 

(2) 编写 创建 结果 集 并 以 表格 形式 输出 数据 的 程序 (程序 见 5. 2. 2 节 清 单 5-2. php) 。 

(3) 在 清单 5-2. php 的 基础 上 添加 显示 总 共有 多 少 条 记录 的 功能 。 

(4) 编写 使 用 mysql_query 方法 执行 insert、delete、update 语句 的 程序 (程序 见 5. 2. 3 
节 清 单 5-3. php 至 5-5. php) 。 

(5) 编写 添加 、 删 除 和 修改 记录 综合 实例 的 程序 (程序 见 5. 3 节 清 单 5-6. php 至 5-12. php)。 

(6) 编写 查询 记录 的 程序 (程序 见 5. 3. 6 节 清 单 5-8. php)。 


@.9 实验 9: 分 页 程序 的 设计 


实验 目的 

了 解 分 页 程序 实现 的 步 又 ,学 会 分 页 显示 结果 集 的 方法 , 即 在 数据 库 端 实现 分 页 和 在 
Web 服务 器 端 实现 分 页 ; 学 会 将 分 页 功能 写成 函数 ; 学 会 对 条 件 查询 的 结果 集 进 行 分 页 
显示 。 

“实验 准备 

安装 有 Dreamweaver 8 和 AppServ 2. 5. 9 的 计算 机 ,已 经 在 Dreamweaver 8 中 配置 好 
PHP 动态 站 点 。 并 且 MySQL 数据 库 中 已 经 存在 guestbook 的 数据 库 。 

实验 内 容 和 步骤 

(1) 编写 程序 在 表格 中 只 显示 第 三 页 的 记录 (每 页 显示 4 条 记录 ) ,参考 5.4.1 节 第 4 
部 分 的 程序 。 

(2) 编写 分 页 显示 程序 的 完整 代码 (程序 见 5. 4. 1 节 5-13. php) 。 

(3) 编写 通过 移动 结果 集 指针 进行 分 页 的 程序 (程序 见 5.4. 1 节 5-14. php)。 

(4) 将 分 页 程序 写成 函数 并 进行 调用 完成 5-14. php 的 功能 (程序 见 5. 4. 3 节 5-15. 
php) 。 

(5) 编写 对 查询 结果 进行 分 页 的 程序 (程序 参考 5. 4. 2 节 )。 

(6) 编写 可 设置 每 页 显示 记录 数 的 分 页 程序 (程序 见 5. 4.4 节 5-16. php)。 


附录 B 实验 (sn) 


@.10 实验 10; 使 用 mysqli 函数 访问 数据 库 


实验 目的 

了 解 PHP5 提供 的 一 组 mysqli 函数 ; 学 会 以 面向 对 象 的 方式 调用 mysqli 函数 ; 学 习 
使 用 mysqli 函数 连接 MySQL 数据 库 , 创 建 结 果 集 ,显示 数据 到 页 面 ,添加 、 删 除 、 修 改 记录 
等 功能 。 

实验 准备 

安装 有 Dreamweaver 8 和 AppServ 2. 5.9 的 计算 机 ,已 经 在 Dreamweaver 8 中 配置 好 
PHP 动态 站 点 。 并 且 MySQL 数据 库 中 已 经 存在 guestbook 的 数据 库 。 

实验 内 容 和 步骤 

(1) 在 php. ini 文件 中 启用 mysqli 函数 (步骤 见 5. 5 节 )。 

(2) 编写 程序 使 用 mysqli 函数 连接 数据 库 并 设置 字符 集 (程序 参考 5. 5. 1 节 )。 

(3) 编写 程序 创建 结果 集 并 显示 数据 到 页 面 上 (程序 见 5. 5. 3 节 5-17. php)。 

(4) 编写 程序 使 用 mysqli 函数 同时 执行 多 条 SQL 语句 (程序 见 5. 5.4 节 5-18. php)。 

(5) 利用 mysqli 函数 改写 5. 3 节 中 清单 5-6 至 5-12 的 所 有 程序 ,实现 添加 、 删 除 和 修 
改 记录 。 

(6) 利用 mysqli 函数 制作 新 闻 网 站 (程序 参考 5.6 节 )。 


人 .ii 实验 11: 编写 简单 的 Ajax 程序 


实验 目的 

了 解 Ajax 程序 运行 的 原理 ; 了 解 XMLHttpRequest 对 象 的 功能 , 熟 记 XMLHttpRequest 
对 象 的 常用 方法 及 属性 ,能 运用 XMLHttpRequest 对 象 异步 向 服务 器 发 送 和 接收 数据 ,以 实现 
Ajax 技术 。 

实验 准备 

安装 有 Dreamweaver 8 和 AppServ 2. 5. 9 的 计算 机 ,并 且 已 在 Dreamweaver 8 中 配置 
好 PHP 动态 站 点 。 

实验 内 容 和 步骤 

(1) 编写 用 XMLHttpRequest 对 象 载 入 文档 的 程序 (程序 见 9. 1. 4 节 清 单 9-1. html 和 
9-2. html) 。 

(2) 在 Dreamweaver 中 将 两 个 文件 的 编码 设置 为 "utf8”( 方 法 见 图 9-7) 。 

(3) 修改 9-2. html 的 代码 ,在 IE 中 运行 ,观察 9-1. html 载 入 的 内 容 是 否 会 发 生变 化 。 
如 果 没 有 变化 ,按照 9.1.5 节 中 的 方法 解决 IE 浏览 器 的 缓存 问题 。 

(4) 用 XMLHttpRequest 对 象 载 人 PHP 程序 (程序 见 9. 1. 6 节 清 单 9-3. php) 。 

(5) 编写 用 XMLHttpRequest 对 象 发 送 数据 给 服务 器 的 程序 ,要 求 分 别 用 GET 方式 
发 送 和 POST 方式 发 送 (程序 见 9. 1.7 节 清 单 9-4. php 和 9-5. php) 。 

(6) 用 jQuery 的 load() 方 法 载 和 人 PHP 程序 9-3. php( 程 序 见 9. 2. 1 节 9-4. html) 。 


PHP 与 ASP 的 区 别 | 


别 


PHP 与 ASP 都 是 动态 网 站 开发 语言 ,因此 很 多 功能 是 相似 的 ,只 是 采用 编程 请 言及 内 


置 函 数 不 同 。 其 主要 区 别 见 


表 C-1。 


表 C-1 PHP 与 ASP( 采 用 VBSeript 作为 脚本 语言 ) 的 主要 区 别 
项 目 PHP ASP 项 目 PHP ASP 
语言 | 类 C 语 言 | YBSeript， 类 | 定 界 符 < 和 ?> <% 和 %> 
VB 语言 
平台 各 种 操作 系统 | Windows 区 分 大 小 写 是 否 
性 能 快 一 般 安全 性 较 好 一 般 


1. 内 置 函数 的 区 别 


PHP 与 ASP 都 提供 了 很 多 的 内 置 函 数 ,用 于 完成 某 些 常用 功能 。 


的 功能 与 ASP 是 相似 的 ， 


JavaScript 的 内 置 函 数 进 行 了 比较 。 
表 C-2 ”内置 函数 的 区 别 


很 多 PHP 函数 完成 


只 是 函数 名 (或 函数 参数 ) 不 同 而 已 。 表 C-2 对 PHP、ASP 和 


函数 功能 PHP ASP JavaScript 
切割 字符 串 成 数组 元 素 explode Split split 
将 数组 元 素 连 成 字符 串 implode Join join 
查找 子 串 (返回 子 串 位 置 ) strpos Instr indexOf 
获取 字符 串 长 度 strlen Len length 属性 
查找 子 串 (从 后 往 前 检索 ) strchr InStrRev lastindexOf 
截取 字符 串 的 子 串 substr mid \left right substr 
替换 字符 串 ES Replace replace 

substr_replace 

去 掉 字 符 串 两 边 的 空格 trim trim 苇 
去 掉 左 边 或 右边 空格 ltrim rtrim Ltrim 、Rtrim 无 
比较 字符 串 ( 从 整体 上 ) stremp StrComp 
将 字符 串 转换 为 大 写 strtoupper Ucase toUpperCase 
将 字符 串 转 换 为 小 写 strtolower Lcase toLowerCase 
获取 变量 类 型 var_dump VarType typeof 
获取 当前 日 期 和 时 间 date getdate Now Date 


附录 C PHP 与 ASP 的 区 别 /ss) 


续 表 
函数 功能 BP ASP JavaScript 
返回 数组 长 度 count Ubound length 属性 
判断 变量 是 否 存 在 isset IsNull 
判断 变量 是 否 为 空 empty isEmpty 
将 字符 囊 转换 为 HTML 实体 | ”EDentties Server. HTMLEncode 
htmlspecialchars 
返回 一 个 随机 数 rand Rnd random 
终止 当前 脚本 的 执行 exit 或 die Response. end 
输出 函数 echo Response. write document. write 
页 面 重 定向 函数 header Response. Redirect location. href 


注意 : 这 些 内 置 函 数 除了 名 称 上 的 区 别 外 ,在 调用 方式 及 函数 参数 上 一 般 也 不 相同 。 
例如 要 用 “|” 切 割 字符 串 ( 变 量 str 或 $str 表 示 ),PHP 是 $arr 二 explode("|", $str);， 
ASP 是 arr 一 Split(str，"|") ,JavaScript 是 arr 一 str. split("|")。 


2. 运算 符 及 语法 上 的 区 别 


PHP 与 ASP 在 运算 符 上 的 区 别 如 表 C-3 所 示 。 语 法 上 的 区 别 如 表 C-4 所 示 。 


表 C-3 运算 符 的 区 别 


PHP ASP 
连接 运算 符 & 或 十 
成 员 运 算 符 s 
条 件 运 算 符 和 无 
是 否 相 等 运算 符 snkent nt 
逻辑 与 运算 符 &.& 或 and And 
取 余 运算 符 % Mod 
表 C-4 PHP 与 ASP 在 语法 上 的 区 别 
PHP ASP 
i 作用 域 是 整个 PHP 文件 , 减 去 六 
全 局 变量 的 作用 域 用 户 自 定义 的 函数 内 部 作用 域 是 整个 ASP 文件 
输出 函数 的 简写 符 <? = 一 … ? > 可 以 在 多 行内 <%% 一 … %> 必 须 在 一 行内 
语句 的 结束 标志 以 “; ”号 结束 一 条 语句 以 换行 符 结束 一 条 语句 
二 de 放 关 PHP 的 include 函数 位 于 定 界 符 | ASP 的 include 命令 位 于 定 界 
bs 内 ,还 可 使 用 require 函数 符 外 
数组 长 度 无 需 先 定义 ; 需要 事先 定义 数组 长 度 ; 
可 数组 长 度 可 任意 改变 改变 数组 长 度 需 用 ReDim 方法 
将 重 定向 到 最 后 一 条 header 语 | 将 重 定 向 到 第 一 条 Response. 
要 了 由 而 风 案 时 入 同 尖 各 句 中 的 URL Redirect 中 的 URL 
F F 
多 分 支 条 件 语句 Switch/case, case 语句 后 需要 | Select/case, case 语句 后 不 需要 


break 跳出 Switch 语句 


break, 会 自动 跳出 
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3. 获取 HTTP 请 求 数据 的 区 别 


PHP 采用 超 全 局 数组 获取 HTTP 请 求 数据 ,ASP 采用 对 象 的 集合 获取 HTTP 请 求 数 
据 ,具体 区 别 如 表 C-5 所 示 。 


表 C-5 获取 HTTP 请 求 数据 的 区 别 


PHP ASP 
获取 GET 请 求 数据 $_GETD] Request. QueryString 集合 
获取 POST 请 求 数据 $_POSTU] Request. Form 集合 
获取 环境 变量 数据 $_SERVER[] Request. ServerVariables 集合 
获取 Cookie 变量 $_COOKIE[] Request. Cookies 集合 
获取 Session 变量 $ _SESSION[] Session 对 象 
使 用 Session 前 必须 先 用 session_start() 开 启 Session 功能 ”| 无 此 要 求 
清除 Session 变量 session_unset(); session_destroy(); Session. Abandon 
开启 缓冲 区 ob_start() Response. Buffer= true 


4. PHP 结果 集 与 ASP 记录 集 的 区 别 


在 访问 数据 库 方面 ,PHP 结果 集 与 ASP 记录 和 集 的 共同 点 和 区 别 如 表 C-6 所 示 。 
表 C-6 PHP 结果 集 与 ASP 记录 集 的 共同 点 和 区 别 


PHP ASP 
结果 集 和 记录 集 的 共 | 结果 集 或 记录 集 都 是 通过 执行 查询 在 内 存 中 建立 的 一 个 虚 表 ,都 有 一 个 结果 
同 点 集 指针 ,指针 初始 时 都 指向 第 一 行 。 

类 型 结果 集 是 资源 类 型 记录 集 是 对 象 类 型 
指针 每 次 读 取 一 条 记录 后 结果 集 指 针 会 自 | 需要 手动 使 用 rs. movenext 将 记录 
动 下 移 一 行 集 指 针 移 动 到 下 一 条 
记录 集 需 要 用 rs. close 手动 关闭 ， 
是 否 会 自动 关闭 可 自动 关闭 如 果 不 关闭 ,再 打开 记录 集 就 会 
出 错 
指向 记录 集 开 头 是 rs. Bof 属性 为 
指针 的 值 指向 结果 集 开 头 和 末尾 时 mysql_fetch_ Eiei 匠 向 记录 入 未 尾 时 二 ,Bf 属 


assoc 函数 均 返 回 false 


性 为 true 


